как отправить реквизит с помощью Field redux-формы - PullRequest
0 голосов
/ 28 сентября 2018

Я создал компонент и использую Поле для редукс-формы, но я не могу передать ему реквизит, что мне делать?

Я пытаюсь использовать тест

компонент

renderInput({ input, label, type, meta: { touched, error, warning } }) {  
    return (
      <View>
        <Item error={error && touched} rounded style={styles.inputGrp}>
          <Icon
            active
            name={input.name === "email" ? "mail" : "unlock"}
            style={{ color: "#fff" }}
          />
          <Input
            ref={c => (this.textInput = c)}
            placeholderTextColor="#FFF"
            style={styles.input}
            placeholder={input.name === "email" ? "Email" : "Senha"}
            secureTextEntry={input.name === "password" ? true : false}   
            onChangeText={text => this.props.teste(text)}
            {...input}
          />
          {touched && error
            ? <Icon
              active
              style={styles.formErrorIcon}
              onPress={() => this.textInput._root.clear()}
              name="close"
            />
            : <Text />}
        </Item>
        {touched && error
          ? <Text style={styles.formErrorText1}>
            {error}
          </Text>
          : <Text style={styles.formErrorText2}>error here</Text>}
      </View>
    );
  }

мое поле

<Field
    name="email"
    component={this.renderInput}
    type="email"
    validate={[email, required]}
    teste = {this.onChangeTextDestino}
/>

Моя функция

onChangeTextDestino (param) {
  try {
    this.setState({strEmail: param})
    Alert.alert(this.state.strEmail)
  } catch (e) {
    console.log("error", e)
  }
}

Что мне нужно сделать, чтобы передать реквизиты для моего компонента?

1 Ответ

0 голосов
/ 28 сентября 2018
const RenderInput = this.renderInput;
<Field component={(props) => <RenderInput {...props} yourProps={yourProps} />} />

попробуйте что-то вроде этого.(https://redux -form.com / 6.0.0-alpha.4 / Docs / API / field.md / # использование )

...