zoukankan      html  css  js  c++  java
  • React class & function component 的区别

    1. React class
      class App extends React.Component {
        constructor(props) {
          super(props);
          this.state = {
          }
        }
        render() {
          return (
            <div className="App"></div>
          )
        }
      }
    2. function component
      function App(props) {
         return (
            <div className="App"></div>
          )
      }
    3.   React class function component
      写法上面

      复杂,继承自React.Componet,constructor中接受props参数,render中返回react片段

      简单,直接接受props作为参数,return返回代码片段
      state状态 可以使用this.state,setState()等 无状态组件
      生命周期
      优点

      需要state来改变内部组件的状态

      需要使用一些生命周期

      可以提升性能,有些时候我们需要减少组件的渲染次数,我们就需要在组件内部用shouldComponentUpdate 方法来去判断,或者继承React.PureComponent 类(自动调用shouldComponentUpdate)来实现state和props的浅比较进行判断组件是否重新渲染。

      代码量少,容易编写

      无状态组件,更好的体现容器和表现分离

      提倡使用

  • 相关阅读:
    使用IDENTITY列属性和Sequence对象
    使用OFFSET-FETCH进行数据过滤
    SQL 插入语句汇总
    建立&修改视图
    Centos 7.x 搭建 Zabbix3.4
    RDS 导出Mysqlbinlog_二进制日志
    Yac
    云服务器漏洞更新
    Centos 内存释放
    Centos 安装 Htop
  • 原文地址:https://www.cnblogs.com/longlongdan/p/10776045.html
Copyright © 2011-2022 走看看