组件外部
const somevalue = [1, 2, 3, 4, 5, 6];
const Component = () => {
return (
<div>
{somevalue.map((value) => <span>{value}</span>)}
</div>
);
};
export default Component;
组件内部
const Component = () => {
const somevalue = [1, 2, 3, 4, 5, 6];
return (
<div>
{somevalue.map((value) => <span>{value}</span>)}
</div>
);
};
export default Component;
当我定义固定价值的时候。我在组件之外定义了它们。我和我的团队讨论了这个问题,我们决定在组件内部定义它们。因为我们认为这可能是内存泄漏的原因之一。内存中会有变量,即使我们不使用它们。(我一直在考虑使用动态导入)。但即使我在组件内部定义它们,仍然需要为函数提供空间,对吗?这甚至不是字母长度的差异。我不知道我能做出什么最好的选择。
1条答案
按热度按时间6jjcrrmo1#
因为使用的是静态值,所以没有太大的区别。如果它不在组件之外使用,则将其范围保持在组件内。从性能上讲,除非是一个大数组,否则不会有太大的差别,因为运行时足够智能,可以内联它们。