触发 onChange 时 Ant design 可编辑段落值变为空

Question

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>

我对上面的代码有疑问。

最初，该段落的初始值是“This is initial value”。因此，如果我开始编辑，它应该有“这是初始值”作为初始值。

但是每当我点击编辑图标时，输入框变成空的而不是有初始值。

解决此问题的解决方案是什么？

Answer 1

我解决了这个问题！首先在index.js

上包含antd的css

import "antd/dist/antd.css";

然后去掉<Paragraph>部分里面的空格，应该是：

<Paragraph editable={{ onChange: onChange }}>{value}</Paragraph>

here 是有效的 link

触发 onChange 时 Ant design 可编辑段落值变为空

Ant design editable Paragraph value become null when onChange is triggered

forms

typography

paragraph

reactjs

antd