typescript React在组件外部定义数组和在组件内部定义数组,哪一个更好

p8h8hvxi  于 2023-05-19  发布在  TypeScript
关注(0)|答案(1)|浏览(169)

组件外部

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;

当我定义固定价值的时候。我在组件之外定义了它们。我和我的团队讨论了这个问题,我们决定在组件内部定义它们。因为我们认为这可能是内存泄漏的原因之一。内存中会有变量,即使我们不使用它们。(我一直在考虑使用动态导入)。但即使我在组件内部定义它们,仍然需要为函数提供空间,对吗?这甚至不是字母长度的差异。我不知道我能做出什么最好的选择。

6jjcrrmo

6jjcrrmo1#

因为使用的是静态值,所以没有太大的区别。如果它不在组件之外使用,则将其范围保持在组件内。从性能上讲,除非是一个大数组,否则不会有太大的差别,因为运行时足够智能,可以内联它们。

相关问题