使用React-Native,我有一个自定义组件,它从TextInput扩展,如下所示:
TextBox.js
...
render() {
return (
<TextInput
{...this.props}
style={styles.textBox}/>
);
}
...
MyScene.js(导入TextBox.js)
...
render() {
render(
<View>
<TextBox
rel='MyFirstInput'
returnKeyType={'next'}
onSubmitEditing={(event) => { this.refs.MySecondInput.focus(); }}/>
<TextBox
ref='MySecondInput'/>
</View>
);
}
当我构建应用并在聚焦于MyFirstInput
时按下键盘上的"下一个",我期望MySecondInput
将处于聚焦状态,但我得到了错误提示:_this2.refs.MySecondInput.focus is not a function
错误可能是什么?是否与 this
的范围有关?谢谢。
this.refs.SecondInput
记录到控制台中,返回了我的组件,因此组件是可用的,只是.focus()
函数似乎无法正常工作。 - Pav Sidhu