如何解决从多行文本字段发布数据时,保留换行的最佳方法
当我从多行文本字段中发布数据时,保留新的换行符的最佳方法是什么
我正在研究ReacJS,
<Grid item xs={12}>
<TextField
id="outlined-multiline-static"
multiline
fullWidth
name={"Description"}
margin="normal"
placeholder="Describe tu proyecto aqui..."
onChange={handleupdateField}
value={formPublishProject.Description}
rows={4}
variant="outlined"
/>
</Grid>
我将值保留在状态中
const handleupdateField = (e) => {
setState({
...formPublishProject,[e.target.name]: e.target.value,});
};
我想保持输入文字不变
但是当我在控制台日志中提交此输入时,显示描述字符串,例如“ Hello,↵↵-这是新行↵↵↵”,如果将文本保存在数据库中时将得到此值,则它将显示输入符号(↵),我想显示与输入相同的多行文字。
解决方法
一种解决方法,可以用换行符代替回车符
state = {
description: `Hello,↵↵-This is the new line↵↵↵` // some example string coming from the database
};
<TextField
multiline
value={this.state.description.replace(/↵/g,"\n")}
...
/>
CodeSandBox:https://codesandbox.io/s/dazzling-bartik-2rokv?file=/src/App.js
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。