我在一些 React 文档和截屏视频中有这个。人们会{ " " }在他们的 JSX 模板中编写代码。
他们为什么这样做呢？看起来他们正在使用它作为换行符的替代品，但我没有看到任何地方明确解释。
为什么人们将 { " " } 放在他们的 React / JSX 中？
IT技术
reactjs
jsx
2021-04-26 11:38:04
2个回答
这用于在文本块中放置一个显式空格，因为当有另一个标签时，在编译/转换时会忽略前导和尾随空格。
例子：
<div>
Text
<a>some Text</a>
</div>
将结果Textsome Text显示在屏幕上。（见缺失的空间）
<div>
Text{' '}
<a>some Text</a>
</div>
将Text some Text在屏幕上随心所欲地产生结果。
它用于添加一些前导或尾随空格
render() {
return (
<div>
My name is{' '}
<span> Piyush </span>
</div>
);
}