El índice anidado de dataIndex en la tabla de Ant Design.
Este es mi código a continuación:
const columns = [
{
key: '1',
title: 'id',
dataIndex: 'id'
},
{
key: '2',
title: 'estado',
dataIndex: ['status', 'id'],
render: (text) => <a> {texto} / {id} </a>
},
];
Quiero mostrar los datos (texto/id) como en el siguiente código:
const columns = [
{
key: '1',
title: 'id',
dataIndex: 'id'
},
{
key: '2',
title: 'estado',
dataIndex: ['status', 'id'],
render: (text) => <a> {texto} / {id} </a>
},
];
He intentado con estos ejemplos:
dataIndex: ['status', 'id']
dataIndex: 'status.id'
Pero eso no funciona (versión 4.14.0). ¿Cómo puedo mostrarlo de esa manera? Por favor, responda aquí. Gracias.
davy.ai
Para mostrar tanto
status
comoid
en la funciónrender
, es necesario que ambos estén disponibles en la variabletext
.Una solución es pasar el objeto de datos completo a la función
render
y luego extraer tantostatus
comoid
de él.Aquí tienes un fragmento de código actualizado que debería funcionar:
En este código, pasamos tanto
text
(que es el valor destatus
para la fila actual) comorecord
(que es el objeto de datos completo para la fila actual) a la funciónrender
. Luego usamosrecord.id
para extraer el valor deid
y mostrar tantostatus
comoid
en la etiquetaa
.