javascript - JSX不呈现空格

我有一个单独的字符数组，用于映射一个字符串。

但是，空格被忽略。我该如何实现它，以便为数组中的每个“”元素呈现空白？

https://codesandbox.io/s/falling-field-wdiy6

import React from "react";

export default function App() {
  const elements = ["+", "-", " ", " ", "r"]
  return (
    <div>
      {elements}
    </div>
  );
}

最佳答案

尝试使用pre标签或css属性的空白：pre-wrap;

export default function App() {
  const elements = ["+", "-", " ", " ", "r"];
  return (
    <div>
      <pre>{elements.map(c => c)}</pre>
    </div>
  );
}

关于javascript - JSX不呈现空格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60395378/