代码之家  ›  专栏  ›  技术社区  ›  code.cycling

react组件是函数而不是类

  •  0
  • code.cycling  · 技术社区  · 5 年前

    所以我在努力学习 ReactJs (我有安格拉斯的背景) 我在学习教程时遇到了困难。

    要创建项目,我们运行以下命令:

    npx create-react-app app-name

    然后在教程中 App.js . 但当我运行这个命令时 功能 .

    教程app.js

    class App extends Component {
    render() {
    return (
      <div className="App">
        <h1>Hello, world!</h1>
      </div>
    );
    }
    }
    

    我的App.JS

    function App() {
    return (
    <div className="App">
    
    </div>
    );
    }
    

    我对这部分很困惑。

    1 回复  |  直到 5 年前
        1
  •  3
  •   Naor    5 年前

    有不同的方法来编写相同的代码:函数组件和类组件。
    当类组件支持react组件的整个生命周期时,函数组件实际上只是呈现函数。
    你可以了解这里的差异:
    https://reactjs.org/docs/components-and-props.html#function-and-class-components

    在react的最后一个版本中,出现了一个名为hooks的新特性,它允许您在函数组件中执行所需的所有操作: https://reactjs.org/docs/hooks-intro.html

    希望这有帮助:)

        2
  •  0
  •   Harshit Agarwal    5 年前

    反应组件可以是类,也可以是函数。这对两者都有效。使用类组件的优势在于它为组件提供了更多的功能,如状态、生命周期方法。这些成分通常很复杂。另一方面,功能组件是非常直接和基本的学习。 您还可以使用此函数将功能组件转换为类组件: https://reactjs.org/docs/state-and-lifecycle.html

    希望这有帮助!!