En mi aplicación React Native tengo dos componentes, A y B :
export const A = () => { const [text, setText] = useState(''); return ( <View> <B _text={text} _setText={setText} /> </View> ) } const B = ({_text, _setText}) => { console log(_text, _setText); ... ... } I _text y _setText en B . Este console.log se llama varias veces cada vez que abro el componente B y, a veces, registra tanto _text como _setText como undefined .
¿Alguien sabe por qué sería esto?
Lo más probable es que esté renderizando el Componente B antes de que se actualice el estado del texto. Para arreglarlo, verifique que no sea nulo/vacío:
export const A = () => { const [text, setText] = useState(''); return ( <View> {text ? <B _text={text} _setText={setText} /> : null} </View> ) }