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的浅比较进行判断组件是否重新渲染。

      代码量少,容易编写

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

      提倡使用

  • 相关阅读:
    Odoo13在Win10(专业版)中的配置
    我在博客园安家了
    2012笔记
    你给我好好发邮件行不行
    事务经典例子
    轻松实现SQL Server与Access、Excel数据表间的导入导出
    SQL大全
    小笔记
    性能优化
    程序中的异常和错误处理
  • 原文地址:https://www.cnblogs.com/longlongdan/p/10776045.html
Copyright © 2011-2022 走看看