React/JSX 属性带字符串与大括号

Question

文档说带有字符串的 JSX 属性与带有大括号的属性相同......

<Thing attr='val' /> === <Thing attr={'val'} />

我想我读过一些内容，说只在需要时使用大括号，因为字符串的性能更高，但我现在找不到参考。牙套需要评估费用吗？

Answer 1

不，没有性能差异。查看每种样式生成的代码：

<div first="abc" second={"def"}/>

// Compiles to:
React.createElement("div", { first: "abc", second: "def" });

不过，最好避免不必要的牙套。