我在React / React Native组件中放置函数吗？我看到三个选项

Question

我已包含以下图片，因此您可以了解我在说什么。

对于React组件，我能够创建一个类，并具有显示从那些函数返回的内容的函数。我看到了可以放置功能的组件的三个部分（请参见图中的红色框）。我对放置实际功能的位置是否重要感到困惑。所有这三个功能都执行相同的操作，但是位于不同的位置。有人可以告诉我这是否重要还是只是开发人员的偏爱。谢谢。C

下图。

Answer 1

组件外部：

对于不需要组件的this关键字并且仅获取参数并执行一些代码并返回某些内容（如果需要）的函数，这是适当的。如果不需要访问this，这是编写函数的最方便位置。

内部组件：

对于需要this关键字的功能来说是适当的。例如，如果您需要访问组件状态（this.state，this.setState()，...）和道具（this.props，...），那么这里是正确的位置。

Component的内部render（）方法：

根据this，将在每个渲染中创建render方法中的函数，这对性能影响不大。如果将它们放入渲染中也很麻烦，这是一个更大的原因，您不必在渲染中滚动代码即可查看html输出。将它们放在课堂上是适当的。