¿Cómo puedo mejorar el siguiente código para que la aplicación no se bloquee cuando el valor de "entrada" es nulo? Sé que el problema es con "const {input} = route.params;" Si lo elimino y agrego algo de entrada de texto, y lo vuelvo a colocar, la aplicación funciona. Sin embargo, al actualizar la aplicación fallará cuando el valor inicial sea nulo. ¿Cómo implementar la sentencia if?
Aquí estoy representando "entrada", que es TextInput:
export const IznajmiScreen = ({navigation, route}) => { const { input } = route.params; return ( <> <SectionContainer> <Text>{input}</Text> </SectionContainer> </> ); };Y aquí está mi pantalla de entrada de texto:
export const OpciPodaciOglasInput = ({navigation}) => { const [input, setInput] = useState(""); return( <> <Button title="Save" onPress={()=>navigation.navigate("Rent a car", {input})}/> <InputContainer> <TextInput style={styles.input} placeholder="300 maximum" multiline = {true} maxLength={300} onChangeText={(text)=> setInput(text)} returnKeyType='done' value={input} onSubmitEditing={()=>{ navigation.navigate('Rent a car',{input}); setInput(""); }} /> </InputContainer> </> ); };¿Has probado a añadir un ternario?
<Text>{input === null ? "" : input}<Text>