如何改進以下代碼，以便在“輸入”值為空時應用程式不會崩潰？我知道問題在于“const { input } = route.params;” 如果我洗掉它并添加一些文本輸入，然后將其放回去，該應用程式就可以作業。但是，當初始值為空時，重繪 應用程式將崩潰。如何實作if陳述句？
在這里，我正在渲染“輸入”，即 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>
</>
);
};
uj5u.com熱心網友回復：
您是否嘗試過添加三元。
<Text>{input === null ? "" : input}<Text>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/362781.html
標籤：javascript 反应原生 if 语句 渲染 文本输入
上一篇：為什么這兩個等效函式的輸出不同？