在ts中，异步state渲染有时候无法成功渲染组件，需要传入style属性才能成功

[luoyelusheng]

问题描述
一个商家的列表渲染，在异步请求完成数据之后，无法正常的生成列表数据，当传入style属性时，列表渲染可以生成

复现步骤
[复现问题的步骤]
1.初始化一组数据并渲染
2.异步模拟改变数据并渲染
3.预览可看见最终不带style的没有正常渲染成功

//数据
  state = {
    shop: [
      { name: 'foo' },
      { name: 'bar' }
    ],
    isShop: true
  }
//模拟异步
  componentWillMount() {
    setTimeout(() => {
      this.setState({
        shop: [
          { name: 'newfoo' },
          { name: 'newbar' }
        ],
      })
    }, 1000);
  }
//渲染
  render() {
    const shop = this.state.shop.map((item: any, index) => (
      <View key={index} >
        <View>{item.name}</View>
      </View>
    ))
    const shopNoStyle = this.state.shop.map((item: any, index) => (
      <View style={{}} key={index} >
        <View>{item.name}</View>
      </View>
    ))
    return (
      <View style={{textAlign:'center'}}>
        不带style:
        {
          this.state.isShop && <View>
            {shop}
          </View>
        }
        带style:
        {
          this.state.isShop && <View>
            {shopNoStyle}
          </View>
        }
      </View>

    )
  }

期望行为
[这里请用简洁清晰的语言描述你期望的行为]
都渲染
报错信息

[这里请贴上你的完整报错截图或文字]

demo git地址：http://git.wobangkj.com/wb_lyls/taro_no_style.git
系统信息

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

• 操作系统: [Windows 8.1]
• Taro 版本 [v1.2.1]
• Node.js 版本 v10.13.0]
• 报错平台 [weapp]

[taro-bot]

欢迎提交 Issue~

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

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

Good luck and happy coding~

[yuche]

    const shop = this.state.shop.map((item: any, index) => (
      <View key={index} >
        <View>{item.name}</View>
      </View>
    ))

这里的 shop 换个名字看看，比如 shops

[luoyelusheng]

可以啦，感谢