Quiero cambiar el color de la tarjeta según el valor de la ranura actual, que es un objeto en una matriz. Entonces, cuando estoy mapeando una tarjeta, quiero cambiar el color de fondo de la tarjeta según el valor. ¿Cómo debo hacer eso? Mi enfoque actual no parece funcionar.
slots.map(slot => <Card key ={slot._id} style={{backgroundColor:slot.OccupiedStatus?'black':'teal'}}> <Typography>{slot.category}</Typography> </Card>Dado que The Card es un componente React, en su caso, el style no se considera un atributo, sino que es un accesorio que se pasará al componente Card .
Puede capturar ese accesorio de style en su Componente de Card y usarlo.
const Card = (style, ...otherProps) => { return <div style={style} >hello</div> }