React Native TextInput on SubmitEditing每次按下按钮都会触发

Question

我在onSubmitEditing方面遇到了问题，当当前页面首次加载时，每次按下输入键盘的按钮都会触发AND(这部分特别令人困惑(。TextInput代码如下：

const TimerInput = () => {
const [ value, onChangeText ] = React.useState('');
return (
<TextInput
style={{
backgroundColor: ColorScheme.Orange.e,
borderRadius: 10,
borderWidth: 0,
fontSize: 25,
height: 60,
textAlign: 'center',
shadowColor: 'gray',
shadowRadius: 10,
width: '80%',
}}
keyboardType = 'number-pad'
onSubmitEditing = {FormatTime(value)}
onChangeText = { text => onChangeText(text) }
placeholder = { ' Hours : Minutes : Seconds ' }
returnKeyType = 'done'
value = {value}
/>
);
}

FormatTime函数只是在我试图弄清楚的时候写入控制台：

FormatTime = () => {
return (
console.log('test')
);
}

我希望实现的行为是，只有当"；完成"；按下按钮关闭输入键盘。老实说，我不完全确定TextInput是如何工作的(即，我对"值"one_answers"文本"之间的区别感到困惑(，所以我可能在这里遗漏了一些明显的东西。非常感谢你的帮助。

Answer 1

因为每次按下按钮(以及第一次加载页面时(，都会重新渲染。。。使用您的代码，它执行FormatTime。但它应该绑定FormatTime作为onSubmitEditing事件的处理程序

通过这种方式，您可以传递处理程序而不是函数调用

onSubmitEditing = {() => FormatTime(value)}