0
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.

2
  • Lo que buscas es que cada vez que el usuario de click en el botón, su valor proveniente de number aparezca en <div className="Text" >{value}</div> ¿Puedes confirmar? saludos
    – g.4
    Commented el 22 ago. 2021 a las 16:42
  • exactamente, bueno lo solucione agregando esta función al botón onClick={()=>copy(number)}, solo me falta que se agrupe en una array en el div Commented el 23 ago. 2021 a las 0:29

1 respuesta 1

0
 <div className="Digits">
                {number.map((number)=><bottom onClick={()=>copy(number)} ><div className="Number" >{number}</div></bottom>)}
            </div>

se agrega la función copy en el onClick

const copy=(number)=>{
        if(value!=='0'){
            setValue('0')
        }else{
            setValue(number) 
        }
        

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.