Estoy haciendo un componente de React que recibe data desde un select y cambia el estado, se ve así:
this.state = {
quantity: '3',
color: 'blue',
category: 'shirts'
}
Este es el componente que está recibiendo esos estados:
render(){
<ClothingCards attributes= {{
quantity: this.state.quantity,
color: this.state.color
category: this.state.category
}}
/>
Quiero que los props que le envío al hijo cambien cuando alguno de los estados cambie (color, quantity o category). Por el momento no sirven, los props se quedan con sus estados iniciales. Cómo puedo hacer que cambien cuando el estado cambie?
La siguiente función es la que estoy utilizando para actualizar el estado, los valores los estoy trayendo desde otro componente hijo que es un select.
handleSelect(currentKey, currentValue) {
this.setState({ [currentKey]: currentValue})
}