我想在react redux表单字段中自定义按钮单击时,将焦点从一个字段动态更改为下一个字段。
以下是代码:
在课堂外定义
const FormTextInput = props =>
(<TextInput
{...props}
ref={props.ref}
multiline={props.multiline}
maxLength={props.maxLength}
autoFocus={props.autoFocus}
value={props.input.value}
onChangeText={props.input.onChange}
keyboardType={props.keyboardType}
autoCorrect={false}
onEndEditing={() => {
if (props.onEndEditing) {
props.onEndEditing();
}
if (props.input.onEndEditing) {
props.input.onEndEditing();
}
}}
/>);
以下是在字段组件
中传递上述组件的位置在课堂内定义
<Field
autoFocus
multiline={false}
maxLength={75}
component={FormTextInput}
name={'firstName'}
label={'First Name *'}
autocapitalize={'words'}
/>
<Field
multiline={false}
maxLength={75}
component={FormTextInput}
name={'lastName'}
label={'Last Name *'}
autocapitalize={'words'}
/>