如何使用react redux表单字段在自定义按钮单击上动态地将焦点从一个字段更改为下一个字段

时间:2017-09-21 10:44:47

标签: reactjs react-native redux react-redux redux-form

我想在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'}
        />

0 个答案:

没有答案