Блог

это мой код ниже

 const columns = [  {  key: '1',  title: 'id',  dataIndex: 'id'  },  {  key: '2',  title: 'status',  dataIndex: 'status',  render: (text) =gt; lt;agt; {text} lt;/agt;  }, ];  

Я хочу отобразить данные ( текст/идентификатор ) , как показано ниже кода

 const columns = [  {  key: '1',  title: 'id',  dataIndex: 'id'  },  {  key: '2',  title: 'status',  dataIndex: ['status', 'id'],  render: (text) =gt; lt;agt; {text} / {id} lt;/agt;  }, ];  

Я пытался понравиться этим образцам

 1. dataIndex: ['status', 'id'] 2. dataIndex: 'status.id'  

но это не работает. (версия 4.14.0) как я могу так выглядеть? пожалуйста, ответьте здесь. Спасибо.

Я отвечу, предполагая, что вы передаете dataSource массив объектов, который выглядит следующим образом.

 interface DataModel {  id: number;  status: string; }  

Если это так, вы можете использовать второй параметр в render методе, который будет содержать запись. Следовательно record.id , я дам вам удостоверение личности.

 const columns = [  {  key: '1',  title: 'id',  dataIndex: 'id'  },  {  key: '2',  title: 'status',  dataIndex: ['status'],  render: (text: any, record: any) =gt; lt;agt; {text} / {record.id} lt;/agt;  }, ];