javascript - 如何在状态更改时重新渲染子组件(父)reactjs

标签 javascript reactjs components

我有一个数组列表
登录返回初始数组的子组件。
从 API componentDidMount
更改数据后 我得到一组对象
如果我在 render 函数的父组件中记录该数组。
它正在改变
但它不是子组件。
我该怎么办??

最佳答案

有几种方法可以做到这一点,但您基本上需要告诉您的子组件 Prop 已更新。

一种方法是使用 shouldComponentUpdate

shouldComponentUpdate(nextProps, nextState){
    return this.props.items[0] !== nextProps.items[0]);
}

您可能希望更好地检查您的 if 语句以查看数组是否已更改,但我想您明白了。

你也可以使用 componentDidUpdatecomponentwillreceiveprops但如果您正在更新将强制重新渲染的状态,则会使用它们

关于javascript - 如何在状态更改时重新渲染子组件(父)reactjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49128558/

相关文章:

javascript - for循环可以等到其中的函数执行完毕吗?

delphi - Firemonkey组件中旋转时如何避免重复图像?

javascript - 在 React 组件之间共享属性

javascript - 如何在node.js ejs模板中将变量从后端传递到前端

javascript - 我怎样才能从谷歌地图 javascript api v3 获取距离

javascript - 我遇到 Material-UI 和 Mobx 的错误,错误 : Material-UI: capitalize(string) expects a string argument

reactjs - React 0.14错误: Module build failed: ReferenceError: [BABEL] . ../node_modules/eslint-loader/index.js!/.../main.jsx : Unknown option: base.阶段

javascript - 如何获取 child Prop

java - MediaTracker - 如何使用它,有什么好处,或者有替代品吗?

javascript - 在 multiplesearch jqGrid 中删除搜索运算符 (AND/OR)