私のアプリケーションでは、 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() )しかし、私はしませんこの方法がわからない。