import { useState, useEffect } from "react";
import React from "react"
const number=['(', ')','<-',"+", '1', '2', '3',"-", '4', '5', '6',"*", '7','8', '9',"/", 'C', '0', '.', "="]
export default function Numbers(){
const [value, setValue] = useState(['0']);
const [numbers] = useState(number);
const copy= ()=>{
if(value!=='0'){
setValue('0')
}else{
setValue(numbers)
}
}
useEffect(()=>{}, [value])
return (
<div>
<div className="Text" >{value}</div>
<div className="Digits">
{number.map((number)=><bottom onClick={copy} ><div className="Number" >{number}</div></bottom>)}
</div>
</div>
);
}
La idea es que al presionar el cualquier boton, el contenido del div con className "Number" se copie al setValue asi actualizarlo en un div nuevo, para eso uso useState para actualizar el value, y el useEffect para que renderice cada vez que cambie el value.
botón
, su valor proveniente denumber
aparezca en<div className="Text" >{value}</div>
¿Puedes confirmar? saludos