Reactjs 无法使用#13；或br将新行设置为文本区域'"&"<>

发布于04月08日

我需要在React/NextJS中将一个固定的字符串设置为<textarea>，但是下面的方法都不起作用，无论是还是<br>:

setTextAreaValue('a&#13;bc<br>def&#13;ghijkl');

            <textarea
                id="response"
                name="response"
                value={textAreaValue}
                rows={5} /* this was also tried, with no effect */

推荐答案

<br>是一个HTML element，<textarea>不解析/支持HTML元素作为值.

你需要\n才能像<textarea>里面的一条新线.

如果你不能改变源数据，用replaceAll来替换每个<br>，

const { useState } = React;

const Example = () => {

    const [value, setValue] = useState('abc<br>defghijkl');

    return <textarea value={value.replaceAll('<br>', '\n')} />;
}

ReactDOM.render(<Example />, document.getElementById("react"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.1/umd/react-dom.production.min.js"></script>
<div id="react"></div>