reactjs - 使用 React JSX，在花括号中放置静态值属性会产生任何开销吗？

Question

我知道我们可以像这样在 JSX 元素中传递动态变化的属性:

<label htmlFor={dynamicId}/>

我们可以像这样传递静态值:

<label htmlFor="staticId"/>

但是下面的呢:

<label htmlFor={'staticId'}/>

最后一行是否有(尽管很小)性能开销(内部 React 缓存机制/每个渲染上的新字符串)？最后一行代码是不好的做法还是无关紧要？

Answer 1

No. It doesn't. React performance is very fast.

使用大括号，您告诉 React 尝试评估它并找到一个字符串。您只是多走了一步。

最后，结果还是一样。

不过，如果它只是一个字符串而不是一个变量，我建议您不使用花括号。