Render Props 注意事项 Render Props 自 1.3.5 起支持 render props 是指一种在 Taro 组件之间使用一个值为函数的 prop 共享代码的简单技术。 具有 render prop 的组件接受一个函数，该函数返回一个 Taro 元素并调用它而不是实现自己的渲染逻辑。 举个例子，假设我们有一个组件...

title: Refs 引用 不要过度使用 Refs 创建 Refs 使用字符串创建 ref 通过函数创建 ref title: Refs 引用 Refs 提供了一种访问在 render 方法中创建的 DOM 节点（小程序原生组件）或 Taro 组件实例的方式。 在常规的 Taro 数据流中，props 是父组件与子组件交互的唯一方...

性能优化实践 开发者手动优化 预加载 在小程序中，可以使用 this.$preload 函数进行页面跳转传参 shouldComponentUpdate Taro.PureComponent Taro.memo Taro 框架层面优化 小程序数据 diff diff 逻辑： 性能优化实践 开发者手动优化 开发者可以借助 Taro...

nodesRef.boundingClientRect([callback]) 示例代码 API支持度 nodesRef.boundingClientRect([callback]) 添加节点的布局位置的查询请求，相对于显示区域，以像素为单位。其功能类似于 DOM 的 getBoundingClientRect。返回值是 nodesRef 对应的...

Taro.getSystemInfoSync() 示例代码 API支持度 Taro.getSystemInfoSync() 获取系统信息同步接口。 同步返回参数说明： 参数 说明 brand 手机品牌 model 手机型号 system 操作系统版本 pixelRatio 设备像素比 screenWidth 屏幕宽度 screenHeigh...

Hooks API useState 函数式更新 惰性初始 state useEffect 清除 effect effect 的执行时机 effect 的条件执行 useReducer {#usereducer} 指定初始 state 惰性初始化 useCallback useMemo {#usememo} useRef useLa...

Taro.showActionSheet(OBJECT) API支持度 Taro.showActionSheet(OBJECT) 显示操作菜单，支持 Promise 化使用。 ​OBJECT 参数说明： 参数 类型 必填 说明 itemList String Array 是 按钮的文字数组，数组长度最大为 6 个 itemColor Hex...

Taro.showActionSheet(OBJECT) API支持度 Taro.showActionSheet(OBJECT) 显示操作菜单，支持 Promise 化使用。 ​OBJECT 参数说明： 参数 类型 必填 说明 itemList String Array 是 按钮的文字数组，数组长度最大为 6 个 itemColor Hex...

Taro.showActionSheet(OBJECT) API支持度 Taro.showActionSheet(OBJECT) 显示操作菜单，支持 Promise 化使用。 ​OBJECT 参数说明： 参数 类型 必填 说明 itemList String Array 是 按钮的文字数组，数组长度最大为 6 个 itemColor Hex...

使用微信小程序第三方组件 使用微信小程序第三方组件 Taro 支持使用使用微信小程序的第三方组件，例如 echarts-for-weixin ，使用方式也异常的简单。 首先需要将第三方组件库下载到项目的 src 目录下，随后在页面或者组件里通过配置 usingComponents 指定需要引用的第三方组件即可，组件调用的时候需要按照 JSX 的...