How do I add a new line in a react usestate string

Question

Currently my code is something like this:

 const [simulationResult, setSimulationResult] = useState(""); let simulationFormatedString = "one /n two"; setSimulationResult(simulationFormatedString); <div> {simulationResult} </div>

I want to show the result as: one two

instead of:

one

two

Answer 1

as @dandavis said, line break is \\n not /n

Then, you can remove it by replacing it with zero space ""

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

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

<div>
{simulationResult}
</div>