Esto es una calculadora sencilla, comencé con React hace poco y se que la utilidad de la misma es para no trabajar directamente con el DOM, pero tengo este problema.
function Calculator(props){
const show = () =>{
let number = document.querySelector('.button');
setAnswer(answer+ number.innerHTML)
};
const [answer,setAnswer] = useState('');
return(
<div className="component">
<div className="calculator-component">
<div className="calculator-component-answer">
{answer}
</div>
<div className="calculator-component-conteiner">
<div className="row">
<button onClick={show} className="button">1</button>
<button onClick={show} className="button">2</button>
<button onClick={show} className="button">3</button>
<button onClick={show} className="button">+</button>
</div>
</div>
</div>
</div>
);
};
export default Calculator;