路由传参(JSON格式) 【解析数据后，页面第一次渲染出现错误】

[k-water]

问题描述
在父页面的路由上带上JSON格式的数据，在进入路由页去解析后，页面第一次render会报错。

复现步骤

1. 路由传参

const  dataTag = [{a: 1}, {a: 2}]
Taro.navigateTo({
   url: `/subpages/showAll/featuredList/index?dataTag=${dataTag}`
});

2. 页面解析

第一种写法

render() {
  const { dataTag } = this.$router.params
  return (
    <View className='featured-tarbar'>
       {JSON.parse(dataTag).map((item, index) => (
        ))}
     </View>
  )
}

第二种写法

render() {
  const { dataTag } = this.$router.params
  return (
    <View className='featured-tarbar'>
       {dataTag && JSON.parse(dataTag).map((item, index) => (
        ))}
     </View>
  )
}

第三种写法

render() {
  const { dataTag } = this.$router.params
  if (dataTag) {
    return (
      <View className='featured-tarbar'>
        {dataTag && JSON.parse(dataTag).map((item, index) => (
        ))}
      </View>
    )
  }
}

期望行为

报错信息

第一第二种写法报错信息如下：

第三种写法报错信息如下：

系统信息

补充信息
以上描述的第二种写法在编译后，源码并没有把判断条件编译出来。

[taro-bot]

欢迎提交 Issue~

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

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

Good luck and happy coding~

[yuche]

第一种写法：
dataTag 没有值就会报错，当你的组件加载时 taro 就会跑一次你的 render，这时你的路由是没有值的。
第二种写法：
你没有返回 JSX 但是又放在 JSX children 里，如果你返回了就会带上判断。如果你返回的普通数据应该放在变量里，这里编译不会做处理。有一种情况可能是 dataTag 仍然是一个真值，但它没办法进行 JSON.parse，具体你要自行 debug。我这边的编译结果给你参考一下：

 _createData() {
    this.__state = arguments[0] || this.state || {};
    this.__props = arguments[1] || this.props || {};
    ;

    const { dataTag } = this.$router.params;
    const $anonymousCallee__0 = dataTag ? JSON.parse(dataTag) : [];
    Object.assign(this.__state, {
      $anonymousCallee__0: $anonymousCallee__0,
      dataTag: dataTag
    });
    return this.__state;
  }

第三种写法：
待修复

[taro-bot]

CC @yuche

[k-water]

get!