如何在 react-native 中获取 TextInput 值

Question

我有这个代码，我在那里得到用户输入。 但是当我在控制台记录它以检查它时，我得到了一个object of type undefined的object of type undefined 。 我在这里提供我的代码。 请更正我的代码，以便修复此错误。

 export default function App() { const [enteredGoal, setGoal] = useState(''); const goalInputHandler = (enteredText) => { setGoal(enteredText); }; const addGoalHandler = () => { console.log(enteredGoal); } return ( <View style={styles.screen}> <StatusBar style="auto" /> <View style={styles.inputTextContainer}> <TextInput style={styles.TextInput} placeholder="Course Goal" onChange={goalInputHandler} value={enteredGoal} /> <Button title="ADD" onPress={addGoalHandler} /> </View> </View> ); }

Answer 1

你必须使用 onChangeText 道具

onChangeText={(text)=>goalInputHandler(text)}

这会将当前文本传递给goalInputHandler 函数