React组件是函数而不是类

普里兹

所以我正在尝试学习ReactJs(我有AngularJs背景),而我在遵循教程时遇到了麻烦。

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

npx create-react-app app-name

然后在教程中App.js是is但是当我运行该命令时,我的命令就是一个函数

教程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>
);
}

这部分我很困惑。

瑙尔

有相同的写法:函数组件和类组件。
在类组件支持React组件的整个生命周期的地方,函数组件实际上只是渲染函数。
您可以在此处了解差异:https :
//reactjs.org/docs/components-and-props.html#function-and-class-components

在最新版本的React中,出现了一个名为Hooks的新功能,该功能使您可以执行功能组件中所需的一切:https : //reactjs.org/docs/hooks-intro.html

希望这可以帮助 :)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

this.setState() 不是 React 和 image with fileReader() 的函数类组件

React 函数 vs 类组件

React - 偏好:函数组件与类组件

如果没有 React 钩子和类组件而不是函数组件,这个 React 代码会是什么样子?

没有React-hooks和类组件而不是函数组件(按钮侧栏),此React代码的外观如何?

React - 如何使用子组件设置我的父状态,使用函数结构(而不是类)

vue 类组件继承,来自基类的方法“不是函数”

在React组件的类之外编写函数

React 和 TypeScript:不是箭头函数的函数式组件

React组件TypeError中的递归函数:*不是函数

将 React 类组件转换为函数组件

React - 将 Formik 函数组件迁移到类组件

将 React 类组件转换为函数组件

React Native:将类组件转换为函数式组件

得到错误 this.setState 不是类组件中的函数

React-首选项:函数类与组件类

react-redux嵌套组件不是父类中的ReactClass?

react:如何从其父级更改子组件(功能组件,而不是类组件)的状态?

this.props.dispatch 不是 react js 组件文件中的函数

React 子组件 props : _this2.props.delete 不是函数

未捕获的TypeError:***不是React组件中的函数

TypeError:分派不是函数。在React无状态组件中

.map 不是 React 中样式化组件的函数

更新React组件的多个实例的值返回.map不是函数

在既不是 React 函数组件也不是自定义 React Hook 函数的函数中调用 React Hook “useAxios”

React Hook 在既不是 React 函数组件也不是自定义 React Hook 函数的函数中调用

将类组件转换为功能组件 TypeError:users.filter 不是函数

在基于类的React组件中将辅助函数放在哪里?

如何调用Typescript类的react组件内部定义的函数?