1

私のアプリケーションでは、 Ant design Tableを使用しています。コードは次のようになります。

<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>

Editユーザーがテーブルの行全体をクリックすると、通常のテキストではなくレンダリングされるため<Input type="text"/>、ユーザーは行データを編集できます。また、ユーザーがクリックしたときにカスタム保存ボタンが関数を呼び出します(例 save() )しかし、私はしませんこの方法がわからない。

4

1 に答える 1