Taro 框架在使用中的常见问题

2020-09-222405

Taro 框架在使用中的常见问题

Tabs 组件内部的 index 问题

image-20200912143735718

由于在 AtTabsPane 内使用数组进行map渲染,此时多加了一个在下文中没有使用的 index ,导致在列表渲染中造成样式位置错乱,删除则表现正常;

虽然没有使用到,但会有影响,可能与Tabs组件内部实现中有冲突,或者跟上层map循环的index产生冲突;

在 Taro 中 map 内部定义变量会出现无法使用的现象

如下图所示:

image-20200912150712898

image-20200912150914393

在 react 组件内,语法是正确的,而在 Taro 框架的组件内,如果在 map 函数中使用一些变量定义进行运算操作或展示变更,会出现 undefined 无法使用的现象,深入了解预计是 Taro 对 map 的作用域定义跟 react 不同,导致一些写法会出现问题;

如果确切需要使用到信息变更的话,最好在 jsx 外提前处理好列表的数据,而在 jsx 中直接通过 map 的 item 对象引出要渲染的信息;但这种处理方式间接性影响性能问题,原本只需要处理 n 次的循环,变成至少要处理 2 * n 次,有些复杂的场景可能会处理 m * n 次。

分享
点赞1
打赏
上一篇:代理工具Fiddler -调试与替换接口状态
下一篇:如何优雅的修改node_modules中的依赖库代码