Estoy tratando de hacer una calculadora básica con React y tengo problemas para descubrir cómo formatear los botones en el formato típico (por ejemplo: "0 . =" en la fila inferior, '1 2 3 +' en la siguiente fila up y así sucesivamente ..) con React y Bootstrap.

Tengo la funcionalidad funcionando pero sigo teniendo errores cuando trato de usar una cuadrícula (etc.). ¿Alguna recomendación sobre cómo abordar esto? (Nuevo en Reaccionar)

 render() { //object destructuring const { onReset, buttons, onPress } = this.props; return ( <div> <button onClick={onReset} className='btn btn-primary btn-sm m-2' > Reset </button> {buttons.map(button => ( <Button key={button.id} onPress={onPress} button = {button} /> ))} </div> ); }

Editar en respuesta al comentario de @lucasvw:

Intenté envolver el método .map en . 'botón no definido' fue el error.

 { <Container> <Row> buttons.map(button => ( <Button key={button.id} onPress={onPress} button = {button} /> )) </Row> </Container> }

También intenté construir un bucle for para escupir un botón a la vez. No tengo ese código a mano, pero creo que fue una serie de errores de expresión inesperados.