Antd表扩展行和文本区域内的textarea

Question

我正在尝试使用Antd实现行编辑，当我单击Edit链接时，该行会展开，并且用户可以在其中输入textarea。我还没有弄清楚如何触发行扩展（没有在+符号上看到任何onclick事件处理程序），也没有办法访问扩展的行元素以在那里滑动表单字段非黑客的方式。

这是当前代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。目标是让列＃34;配置＆＃34;单击“编辑”后，其中包含JSON最终会出现在文本区域中。

提前致谢。

Answer 1

你尝试过吗？ onExpand道具和expandedRowKeys它们可以让您访问展开的行回调和扩展的行更改。

编辑： 我没有尝试过这个，但我认为你应该能够用expandedRowRender和状态以编程方式扩展行。并使用onExpand有条件地渲染“查看模式”和“编辑模式（文本区域）”，您也可以添加一个保存按钮来保存textarea值并将其转回“查看模式”

当您按下+图标（或通过rowClick展开行）时会触发

ani.dev="png"