Reactjs 在Ant设计表中使用输入

在我的应用程序中，我使用的代码如下所示：

<Table size="small" dataSource={this.props.actionArray}>
            <Column title="Name" dataIndex="id" key="name"/>
            <Column title="Action" key="action"
            render={(text,record)=>(
                <span>
                    <a href="" >Edit</a>
                    <span className="ant-divider"/>
                    <a href="" >Delete</a>
                </span>
            )}
            />

        </Table>

我想当用户点击编辑整行的表格呈现为一个而不是普通的文本，这样用户就可以编辑行数据，还有一个自定义保存按钮，当用户点击它调用functionex保存

---

但是我不知道怎么做。

试试这样的。将编辑记录id保存在状态中，并根据该状态显示或隐藏输入：

列=[ { 标题：“姓名”， 呈现：文本，记录=> record.id==this.state.editingId？ : 文本 , }, { 标题：行动， 呈现：文本，记录=> } }

---

] 试试这样的。将编辑记录id保存在状态中，并根据该状态显示或隐藏输入：

列=[ { 标题：“姓名”， 呈现：文本，记录=> record.id==this.state.editingId？ : 文本 , }, { 标题：行动， 呈现：文本，记录=> } } ]文档中有示例，它应该对您有所帮助文档中有示例，它应该对您有所帮助