1
resposta

Como fazer com o

Olá, pensei em criar um componente mais ou menos como:

export default function Edit({ placeholder, value }) {

     return <TextInput
        style={styles.input}
        placeholder= { placeholder }
        value={value}
        />
}

Minha dúvida é como vou fazer com o onChangeText, seria o caso de ao utilizá-lo fazer algo do tipo:

<Edit placeholder={"Digite o 1º num"}  value={num1} onChangeText={(texto)=>{setNum1(texto)}}/>

Não teria uma forma de eu passar o onChangeText por parâmetro?

1 resposta

Fala Alexei, tudo bem?

Você consegue passar uma função como parâmetro e acessar no componente, por exemplo:

const [teste, setTeste] = useState('');

<Edit 
    valor={teste}
    funcaoSet={setTeste}
/>

e no componente você consegue acessar normalmente:

export default function Edit({ valor,  funcaoSet}) {
     return (<TextInput
            onChangeText={(texto)=>{funcaoSet(texto)}}
            value={valor}
      />)
}

Espero que isso te ajude. Mas tendo dúvidas é só falar! Bons estudos!