企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
[生命周期](https://juejin.im/post/5a062fb551882535cd4a4ce3) ![](http://www.chengbenchao.top/react/images/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.png) ~~~ 1.render //当state,props的状态更新时,就会触发 ~~~ ~~~ 2.ajax请求放在componentDidMount()中 ~~~ # [react的生命周期](https://www.cnblogs.com/yangzhou33/p/8799278.html) componentDidUpdate方法: ~~~ 只要页面的state或者model中的state中定义的变量值发生改变,这个方法就会执行, 父组件传递过来的值发生变化时也会执行 ~~~ ~~~ public componentDidUpdate(value) { const { form, childComp } = this.props; if (value.childComp !== childComp) { this.setState({ isComp: childComp }); form.resetFields(); } } ~~~ # history.replaceState方法一次应用 解决单页面应用刷新切换页面问题, [文档链接](https://blog.51cto.com/13496570/2416791) ~~~ const newQsParams = { ...qs.parse(location.search.replace('?', '')), search: Object.keys(searchData) .map(item => `${item},${searchData[item]}`) .join('|'), }; history.replaceState( null, '', `${location.pathname}?${qs.stringify(newQsParams)}` ); ~~~