renderRow() es un método en un componente de la clase React que consiste en obtener valores clave del objeto de los operadores de estado y pasar los valores del objeto a un componente de reacción arithmeticComponent para que se represente, pero no puede producir los valores después de llamar a for bucle sobre cada mapa en la clave. el problema es que el valor del objeto no se puede pasar como accesorio al componente arithmeticComponent
state = { operators: { topOperators: ["C", "Mod", "<"], numbers: ["%", ".", 0, 1, 2, 3, 4, 5, 6, 7, 8, 9], }, }; renderRow() { { Object.entries(this.state.operators).map((entry, index) => { // console.log(entry); let key = entry[0]; let value = entry[1]; console.log(value); for (let val of value) { console.log(value.length); //console.log(key, value); return ( <Row className="Row"> {console.log(val)} <ArithmeticComponent key={index} operator={val} value={val} />; </Row> ); } console.log(key, value); }); } state = { operators: { topOperators: ["C", "Mod", "<"], numbers: ["%", ".", 0, 1, 2, 3, 4, 5, 6, 7, 8, 9], }, }; renderRow() { return Object.values(this.state.operators).map((value) => value.map(v=>( <Row className="Row"> <ArithmeticComponent key={v} operator={v} value={v} />; </Row> )) ); }use la declaración de devolución en Array.map con cuidado
y no debe usar index ser la clave