Taro 框架在使用中的常见问题
Tabs 组件内部的 index 问题
由于在 AtTabsPane 内使用数组进行map渲染,此时多加了一个在下文中没有使用的 index ,导致在列表渲染中造成样式位置错乱,删除则表现正常;
虽然没有使用到,但会有影响,可能与Tabs组件内部实现中有冲突,或者跟上层map循环的index产生冲突;
在 Taro 中 map 内部定义变量会出现无法使用的现象
如下图所示:
在 react 组件内,语法是正确的,而在 Taro 框架的组件内,如果在 map 函数中使用一些变量定义进行运算操作或展示变更,会出现 undefined 无法使用的现象,深入了解预计是 Taro 对 map 的作用域定义跟 react 不同,导致一些写法会出现问题;
如果确切需要使用到信息变更的话,最好在 jsx 外提前处理好列表的数据,而在 jsx 中直接通过 map 的 item 对象引出要渲染的信息;但这种处理方式间接性影响性能问题,原本只需要处理 n 次的循环,变成至少要处理 2 * n
次,有些复杂的场景可能会处理 m * n
次。