react函数式写法中,钩子函数写在哪里?

这种钩子函数应该写在哪里呢
clipboard.png

阅读 5.5k
3 个回答

不支持哦 react官方文档的Components and Props一节里有提到

Classes have some additional features that we will discuss in the next sections. Until then, we will use functional components for their conciseness.(class定义的组件比函数式的组件有更多的特性,我们将在下一节讨论。在这之前,因为简洁性,我们先来说说函数式组件的使用)

然后下一节的标题是State and Lifecycle
functional components的好处在于写法的简洁,它只支持props,不支持state与生命周期

你这么想,Root只是一个普通函数,它又怎么会有Component类的自带方法呢。

你想用函数申明一个组件吧?这叫无状态组件(stateless component)。这样申明的组件不能在里面注册生命周期各个事件的回调函数。但函数内是可以创建函数的,这种函数可以理解成javascript的私有函数,如下:

function test(){
   function privateFunc(){

   }
   或者
   var privateFunc = function(){}
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题