react子组件的render方法执行了两遍

从后台获取的数据发现子组件render方法执行了两遍,第一遍没有值,第二遍有

阅读 8.2k
2 个回答

就是这样啊,第一遍执行willMount,然后render,由于获取数据时异步的过程,所以获取数据完成后,setState会触发willUpadate,然后再重新执行一遍render方法,重新设置界面.

react 是个状态机, 应该判断 有值的情况 直接渲染, 没有的时候 渲染一个 loading 界面,
应该在 redux 处设置 loading, loaded 的值来判断,是否加载完成

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题