所以我正在尝试学习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] 删除。
我来说两句