Tengo un montón de botones en mi aplicación y cambio su className cuando se hace clic en ellos ("myButton" o "activeMyButton"). Cada vez que hago clic en un botón no activo, no se vuelve a procesar. Pero cuando hago clic en un botón activo, se vuelve a renderizar (y si antes hice clic en botones no activos, se vuelven a renderizar con este). No tiene ningún sentido para mí. Aquí está mi código: el componente del botón

 export default function MyButton({ buttonFunction, buttonParameter, activeButton, }) { return ( <button className={activeButton ? "myButton activeMyButton" : "myButton"} onClick={() => { buttonFunction(buttonParameter); }} > {buttonParameter} </button> ); }

Y aquí está el componente principal:

 export default function Mathoperators() { const [activeOperators, setActiveOperators] = useState(["+"]); const handlingOperators = (operatorInput) => { let stockOperators = activeOperators; if ( stockOperators.length > 0 && stockOperators.some((operator) => { return operator === operatorInput; }) ) { stockOperators = stockOperators.filter((operator) => { return operator !== operatorInput; }); setActiveOperators(stockOperators); } else { stockOperators.push(operatorInput); setActiveOperators(stockOperators); } }; const handlingOperatorButtonClass = (operatorInput) => { return activeOperators.some((operator) => { return operator === operatorInput; }); }; return ( <section className="optionsContainer"> <MyButton buttonParameter={!mathPlus} buttonFunction={setMathPlus} activeButton={mathPlus} /> <MyButton buttonParameter="−" buttonFunction={handlingOperators} activeButton={handlingOperatorButtonClass("−")} /> <MyButton buttonParameter="×" buttonFunction={handlingOperators} activeButton={handlingOperatorButtonClass("×")} /> <MyButton buttonParameter="÷" buttonFunction={handlingOperators} activeButton={handlingOperatorButtonClass("÷")} /> </section> ); }

Si cambio de este estado de matriz a cuatro estados booleanos, todo funciona bien. Pero me gustaría saber si estoy haciendo algo mal con esta versión. Gracias !