当前位置: 首页 > news >正文

海沧建设网站多少钱个人做外贸怎样起步

海沧建设网站多少钱,个人做外贸怎样起步,软件技术专业就业方向及前景,怎么进行网站推广挂载时更新时 setState触发更新、父组件重新渲染时触发更新forceUpdate触发更新卸载时 react#xff08;v17.0.2#xff09;的生命周期图谱如下。 相较于16版本#xff0c;17版本生命周期函数有如下变化#xff1a; componentWillMount() componentWillUpdate() compone…挂载时更新时 setState触发更新、父组件重新渲染时触发更新forceUpdate触发更新卸载时 reactv17.0.2的生命周期图谱如下。  相较于16版本17版本生命周期函数有如下变化 componentWillMount() componentWillUpdate() componentWillReceiveProps() getDerivedStateFromProps(props,state) getSnapshotBeforeUpdate(prevProps,prevState) 虽然UNSAFE_componentWillMount、UNSAFE_componentWillUpdate、UNSAFE_componentWillReceiveProps当前依然可用但在react未来的版本中可能被移除所以尽量避免使用。更多可以访问如下链接 https://react.docschina.org/docs/react-component.html。https://react.docschina.org/blog/2018/03/27/update-on-async-rendering.html。 挂载时 组件挂载时会依次调用如下生命周期函数 constructor(props)static getDerivedStateFromProps(props)render()componentDidMount() 其中getDerivedStateFromProps必须用static修饰它是类上的方法。且必须返回null或者状态对象State Obect。 getDerivedStateFromProps在实际开发中几乎不用仅适用于state唯一取决于props的场景。 更新时 setState触发更新、父组件重新渲染时触发更新 setState、父组件重新渲染触发更新时会依次调用如下生命周期函数 1、static getDerivedStateFromProps() 2、shouldComponentUpdate(nextProps,nextState) 3、render() 4、getSnapshotBeforeUpdate(prevProps,prevState) 5、componentDidUpdate(prevProps,prevState,snapshot) 其中getSnapshotBeforeUpdate(prevProps,prevState)必须返回null或任意快照值(Snapshot Valueundefined除外)。返回的快照值将作为componentDidUpdate的第三个形参。 forceUpdate触发更新 forceUpdate触发更新会依次调用以下生命周期函数 static getDerivedStateFromProps()render()getSnapshotBeforeUpdate()componentDidUpdate() 卸载时 组件卸载时会调用生命周期函数 componentWillUnmount() !DOCTYPE html html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titletest/titlescript srchttps://unpkg.com/react17.0.2/umd/react.development.js/scriptscript srchttps://unpkg.com/react-dom17.0.2/umd/react-dom.development.js/scriptscript srchttps://unpkg.com/babel-standalone6/babel.min.js/script /headbodydiv idapp/divscript typetext/babelclass Count extends React.Component{constructor(props){console.log(Count---constructor);super(props);this.state {count:0}}componentDidMount(){console.log(Count---componentDidMount);}static getDerivedStateFromProps(){console.log(Count---getDerivedStateFromProps);return null;}shouldComponentUpdate(){console.log(Count---shouldComponentUpdate);return true;}getSnapshotBeforeUpdate(){console.log(Count---getSnapshotBeforeUpdate);return null;}componentDidUpdate(){console.log(Count---componentDidUpdate);}componentWillUnmount(){console.log(Count---componentWillUnmount);}death () {ReactDOM.unmountComponentAtNode(document.getElementById(app));}add () {const {count} this.state;this.setState({count:count1})}force () {this.forceUpdate();}render(){console.log(Count---render);const {count} this.state;const {add,death,force} this;return (divh2当前值为{count}/h2button onClick{add}点我加1/buttonnbsp;button onClick{force}强制更新/buttonnbsp;button onClick{death}卸载组件/button/div)}}ReactDOM.render(Count/,document.getElementById(app));/script /body/html
http://wiki.neutronadmin.com/news/344781/

相关文章:

  • 万网一个ip建立多个网站prizm viewer wordpress
  • 宁波网站建设推荐荣盛网络好网站建设职业规划
  • 网站开发招投标书网站开发课程介绍
  • 查询域名官网的是那个网站吗seo全网营销的方式
  • 微信学校网站模板做面膜的网站
  • 网站焦点图制作教程php网站模板
  • 蓟县集团网站建设龙岩市住房和城乡建设厅网站
  • 茅台镇哪一家网站做的好南宫建设局网站首页
  • 模板建站哪个平台好经典网站代码
  • wordpress回收站在哪里泰安搭建公司
  • 西安+美院+网站建设资料软件
  • 雍鑫建设集团网站设计素材网站花瓣
  • 安阳网站制作中国建设有限公司官网
  • 那个网站有帮人做图的h5简单网页代码
  • 建设一个视频网站己18网站建设网站排名
  • 辽宁朝阳网站建设公司惠州哪家做网站好
  • 顺德新网站制作网站建设 技术方案
  • 小企业网站建设怎么做好服装网站建设公司
  • 用flask做的网站有哪些怎么自己开发一个app软件
  • 合肥网站建设方案咨询萤火虫网站建设优化
  • 科站网站商业网站的建设与维护
  • 网站建设 中关村凡科网登录下载
  • 锦州网站建设多少钱百度收录网站标题
  • 工信部网站备案查询电商网站 知名案例
  • 做网站的叫什么软件大都会app下载二维码
  • 做问卷调查用哪个网站好服务器出租网站模板
  • 南县网站开发设计师找灵感的网站
  • 做国外网站什么好做电影网站违法吗
  • 云南网站建设运营西安php网站制作
  • wordpress网站换主题wordpress previous_posts_link