Taro 在小程序中无法阻止 children 组件的执行

[Dolov]

问题描述
由于业务表单中存在大量基于 taro-ui 日历组件的日期字段，首次渲染很慢，所以开发了一个组件，当点击字段的时候才渲染日历，但是发现 children 组件虽然没有渲染在页面上，但是生命周期已经执行了

代码地址
https://github.com/Dolov/su_bus/blob/suspense/src/components/MouseTracker.tsx

export default class SuspenseRender extends Taro.PureComponent<ISuspenseRender> {

  loaded = false

  render() {
    const { visible, children } = this.props
    if (visible) {
      this.loaded = true
    }
    const isRender = visible || this.loaded
    return isRender&&(
      <View>{children}</View>
    )
  }
}

期望行为
希望 children 组件不被执行

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

• 操作系统: [e.g. Windows 10]
• Taro 版本 [e.g. v.0.0.64]
• Node.js 版本 [e.g. v9.0.0]
• 报错平台 [h5, weapp]

补充信息
[可选]
[根据你的调查研究，出现这个问题的原因可能在哪里？]

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[Chen-jj]

@Dolov children 使用 slot 实现，建议写份原生小程序测试一下 slot 的组件是否会跑。

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~