Antdテーブルの行を展開してテキストエリアを内側に配置する

Question

Antdで行編集を実装しようとしています。編集リンクをクリックすると、行が展開され、ユーザー内のテキストエリアが入力できます。私は行の拡張をトリガする方法（+記号でonclickイベントハンドラが見られなかった）と展開された行要素へのアクセスを取得して、そこにフォームフィールドを非ハッキーな方法でスライドさせる方法を見つけられませんでした。

これは現在のコード-https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5adです。目標は、「編集」をクリックするとJSONを含む「設定」列をテキスト領域に表示させることです。

ありがとうございます。

Answer 1

onExpandedRowsChange小道具とonExpandを試しましたか？拡張された行のコールバックと拡張された行の変更にアクセスできるようにしました。

編集： 私はこれを試していませんが、expandedRowKeysと状態でプログラムで行を展開できるはずです。 expandedRowRenderを使用して条件付きで「表示モード」と「編集モード（テキスト領域）」をレンダリングしたり、保存領域を保存して「表示モード」に戻すことができます。

onExpand +アイコンを押すか、rowClickで行を展開してください。