显示两个值,但只显示最后一个值



如何显示两个值,例如nameprice

在下面的代码中,只显示price

{
Header: 'Price',
accessor: (row) => row.price,
Cell: (props) => ({
props.value !== []
? props.value.map(({ name, price }) => (name && price)).join(", ")
: ''
})
)
},
props.value.map(({ name, price }) => (`${name} ${price}`)).join(", ")

连接字符串

name + " " + price

`${name} ${price}`

您可以将列定义简化为:

{
Header: 'Price',
accessor: 'price',
Cell: ({ row: { values: { name, price } } }) => `${name} ${price}`,
},

列上的react-table库的Cell回调可以访问行的数据,即values

最新更新