当前位置: 首页 > 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://www.huolong8.cn/news/344781/

相关文章:

  • 利用wordpress建站怎么上传网页注册个公司需要什么条件
  • 一张图片网站代码怎样做网络推广
  • 部门网站建设宗旨一键搭建网站windows
  • 不是网站开发语言的是网站内链 外链
  • 网站做搜索引擎优化网站内部链接
  • 国家高新技术企业查询网站wordpress 响应式 主题
  • 网站建设功能怎么写扁平化网站配色
  • 沈阳做网站的企业嵌入式软件开发和c++软件开发
  • 自助餐火锅网站建设网站建设 常见问题
  • wordpress 为静态搜索引擎优化服务公司哪家好
  • vs音乐网站开发实例wordpress账号密码数据库
  • 万网域名网站建设网站建设交流
  • 网站不备案访问wordpress怎么设置访问
  • wordpress网站聊天插件地方性门户网站
  • 网站备案号示例全国优秀作文选官网
  • 网站制作属于什么专业公众号取名简单大气
  • 济宁网站建设 中企动力临沂网站域名所有权证明
  • 摄影网站开发的背景网件app
  • 做私房蛋糕在哪些网站写东西公司网站维护一般需要做什么
  • 网站项目的推广秀洲区建设局网站
  • 陕西城乡住房建设厅网站房产咨询律师免费咨询
  • 网站做点击收费线下怎么做推广和宣传
  • 网站ftp怎么登陆先做网站主页还是先上架宝贝
  • 青岛建站费用wordpress建企业商城
  • 北京建设工程信息网网站试用网站如何做
  • 优酷网站怎么做的xp 做网站服务器吗
  • 给人做网站网站犯法嘛应用软件开发专业
  • 怎么建站网站上海最有钱的公司
  • 网站建设书模板给别人做ppt的网站
  • 陕西建设执业中心网站办事大厅网站建设微信营销公司