javascript - 用方法 react 功能组件

Question

如果我们想制作一个功能性无状态组件，但我们想要能够访问 props 的方法，我们该怎么做呢？对于这样的事情，是否有一般规则或最佳实践

例如

function Stateless(props) {
   function doSomething(props) {
      console.log(props);
   }
  doSomething() // logs 'undefined'
return (
  <div> some stuff </div>
}

里面的 props 永远不是给的 props，至少在我的经验中是这样。

如果我不需要状态(使用 Redux)但仍然想要访问 props 的方法，那么使用类而不是无状态函数是否仍然是一个好习惯？

Answer 1

在函数式组件中使用函数是完全没问题的。事实上React hooks最近在 React 16.8 中引入的，都是关于通过 special hooks 将状态和生命周期事件带到功能组件来使功能组件更加方便。 .

但正如其他人提到的，您需要将适当的参数传递给您的函数:doSomething(props) 或者根本不传递参数并且相应地永远不要在函数声明本身中期望它们:function doSomething ()。