我正在使用 andSubject 函式在父組件中設定主題，但它不起作用有人可以幫助我如何在按下 RoundedButton 時呼叫 addSubject？
...
const [tempItem, setTempItem] = useState(null);
.....
<View style={styles.inputContainer}>
<TextInput
style={styles.textInput}
onSubmitEditing={({ nativeEvent }) => {
setTempItem(nativeEvent.text);
// addSubject(nativeEvent.text);
}}
/>
<RoundedButton
title=" "
size={50}
onPress={() => addSubject(tempItem)}
/>
</View>
...
uj5u.com熱心網友回復：
我猜你正在尋找這樣的東西：
const [tempItem, setTempItem] = React.useState("");
const [addSubject , setAddSubject] = React.useState("");
...
return (
<View style={styles.container}>
<View style={styles.inputContainer}>
<Text>this text bellow will show after pressing on the button :</Text>
<Text>{addSubject}</Text>
<TextInput
style={styles.textInput}
onChangeText={setTempItem}
/>
<Button
title=" "
size={50}
onPress={() => setAddSubject(tempItem)}
/>
</View>
</View>
);
}
...
演示
uj5u.com熱心網友回復：
您必須通過道具將功能傳遞給孩子。
父.js
function setAddSubject(item){
console.log(item)
}
<YourForm call={(item)=>setAddSubject(item) } />
你的表單.js
export default =(props)=>{
const [tempItem, setTempItem] = useState(null);
return (
<View style={styles.inputContainer}>
<TextInput
style={styles.textInput}
onSubmitEditing={({ nativeEvent }) => {
setTempItem(nativeEvent.text);
// addSubject(nativeEvent.text);
}}
/>
<RoundedButton
title=" "
size={50}
onPress={() => props.call(tempItem)}
/>
</View>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/379337.html