当呈现的文本输入为空时，我的应用程序崩溃。未定义的错误 REACT NATIVE

Question

如何改进下面的代码，使应用程序在“输入”值为空时不会崩溃？我知道问题出在“const { input } = route.params;” 如果我删除它并添加一些文本输入，然后将其放回去，该应用程序就可以运行。但是，当初始值为 null 时，刷新应用程序将崩溃。如何实现if语句？

这里我渲染的是“input”，也就是TextInput:

export const IznajmiScreen = ({navigation, route}) => {
  const { input } = route.params;
  
  return (
    <>
    <SectionContainer>
      <Text>{input}</Text>
    </SectionContainer>
    </>
  );
  };

这是我的文本输入屏幕：

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>  
    </>
  );
};

Answer 1

你试过加三元吗

<Text>{input === null ? "" : input}<Text>

当呈现的文本输入为空时，我的应用程序崩溃。未定义的错误 REACT NATIVE

My app crashes when rendered text input is null. Undefined error REACT NATIVE

javascript

rendering

if-statement

textinput

react-native