javascript - 如何在反应使用状态字符串中添加新行

Question

目前我的代码是这样的：

const [simulationResult, setSimulationResult] = useState("");

let simulationFormatedString = "one /n two";
setSimulationResult(simulationFormatedString);

<div>
{simulationResult}
</div>

我想将结果显示为：一二

代替：

一

二

标签： javascriptreact-nativereact-hooksuse-state

Answer 1

正如@dandavis 所说，换行\n不是/n

然后，您可以通过用零空格替换它来删除它""

const [simulationResult, setSimulationResult] = useState("");

const simulationFormatedString = "one \n two";
const finalSimulationString = simulationFormatedString.replace(/\r?\n|\r/g, "");
setSimulationResult(<span>{finalSimulationString}</span>);

<div>
{simulationResult}
</div>