javascript - React - 如何刷新组件?
问题描述
我刚刚在服务器上推送数据,但是用于获取数据的组件没有按预期工作,这是模型:
import DataExport
class DataPackage extends Component {
DoMagic() {
// return data array (ex: items)
}
render() {
return (
<DataExport items={this.state.items}/>
);}
}
关于以后,无论我对与项目DoMagic()
无关的项目做了什么,我DataExport
怎样才能刷新项目,DataExport
以正确获取数据?
感谢您的关注!
解决方案
您应该使用生命周期方法。
在ComponentDidMount()中获取数据
组件安装并准备好后立即调用 ComponentDidMount()。所以这是发起 API 调用的好地方,所以在这里加载你的数据并使用 this.setState() 在这里设置你的组件状态。
推荐阅读
- ansible - Ansible - 运行剧本后将文本文件从 Windows 服务器 A 复制到窗口服务器 B
- javascript - 柯里化函数总和 javascript?
- ruby-on-rails - 更新的 Vue3 on Rails 和 vue 组件完全停止显示,没有错误:(
- mysql - 分析分类数据
- arrays - 从另一个 api 端点映射数组并通过 React 子组件的 prop
- python - 为什么我得到这个索引超出范围错误?
- linux - Trivy 扫描在 Qcow2 图像上失败
- react-native - React Native 获取失败
- c - 在没有另一个线程的情况下定期运行代码
- c# - 为什么我得到“非泛型方法 Parser.ParseArguments(string[], object) 不能与类型参数一起使用”