如何在 React 中创建多个不间断空格？

Question

如何使用 jsx 和 React 在 HTML 中有四个或五个连续的不间断空格。我试试

`asdf${'      '}`

但它只呈现一个空间。我如何在 React 中做到这一点？

Answer 1

您可以为它使用 CSS white-space 属性

<div style = {{ whiteSpace: "pre" }}>{`asdf${'      '}`}</div>

让我知道它是否有效。