如何解决触发onChange时,Ant设计的可编辑段落值变为空
import {Typography} from 'antd'
const {Paragraph} = Typography
const [value,setValue] = useState("This is initial value");
const onChangeEdit = editVal => {
setValue(editVal);
};
<Paragraph editable={{ onChange: onChangeEdit }}> {value} </Paragraph>
我对上述代码有疑问。
最初,该段落具有“这是初始值”作为初始值。因此,如果我开始编辑,则应将“这是初始值”作为初始值。
但是,每当我单击编辑图标时,输入框都会变为空,而不是具有初始值。
解决此问题的解决方案是什么?
解决方法
我解决了这个问题!首先,在index.js上包含antd的css
import "antd/dist/antd.css";
然后删除<Paragraph>
组件内的空格,它应该是:
<Paragraph editable={{ onChange: onChange }}>{value}</Paragraph>
here是有效链接
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。