javascript - 在哪里放置功能组件的辅助功能？什么是最好的性能？

Question

我们将助手放在功能组件中的位置会影响组件的性能......我的意思是在性能方面什么更好......将它放在组件外部还是内部？

const onPress = () => {}; // here

const MyComponent = () => {
  const onPress = () => {}; // < or here
  return (<TouchableOpacity onPress={onpress}>...</TouchableOpacity>);
};

Answer 1

如果您可以在组件之外创建函数，那么效率会更高，因为不会在每次渲染时都创建一个新函数。

但大多数时候，您需要针对组件执行某些特定于组件的功能，而这对于组件外部的功能来说是不可能的。在大多数情况下，性能差异可以忽略不计。