作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下面的示例中,x 和 y 的输出相同。我见过两种方式编写的 React 代码。有区别吗?由于我看到的许多 React 代码示例都使用括号语法,我认为这是有原因的。如果这是最佳实践,那么为什么用括号将分配给变量的 JSX 括起来是最佳实践?如果还有其他原因是什么?
let x = <div> Hello World! </div>;
let y = (<div> Hello World! </div>);
console.log(x,y);
最佳答案
一般来说,为了代码清晰,括号用于包装 JSX 代码......也就是说,
let y = <ul>
<li>
Hello World!
</li>
</ul>;
丑陋但正确
let y =
<ul>
<li>
Hello World
</li>
</ul>;
格式更好,但语法不正确(编译时会出错)。
所以解决方案是使用
let y = (
<ul>
<li>
Hello World
</li>
</ul>
);
这是两全其美的。
更新:第二个代码不正确的原因是 Automatic Semicolon insertion 。感谢@EricKing 指出了这一点。
关于javascript - 为什么最好的做法是用括号将分配给变量的 JSX 括起来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51427597/
我是一名优秀的程序员,十分优秀!