Редукционные формы Redux не найдены - PullRequest
Новая
       51

Редукционные формы Redux не найдены

0 голосов
/ 11 ноября 2019

Я не понимаю, почему этот код не работает ... Когда я иду на этот компонент, он не отображается с начальными значениями, и я не понимаю, почему .....

У меня естья искал документацию для редуксов, и я не могу найти, как это сделать 

import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';

const fieldNombre = (props) => {

    return (
        <TextInput
            placeholder="Field nom"
            /*onChangeText={props.input.onChange}
            value={props.input.value}*/
            style={{borderWidth: 1, borderColor: 'white', color: 'white'}}
        />
    );
};

class EditForm2 extends Component {

    render() {
        console.log('this.props.initialValues');
        console.log(this.props.initialValues);
        return (
            <View>
                <Field name="firstName" component={fieldNombre} />
                <WhiteText>Redux Form</WhiteText>
                <Button
                    title="Registrar"
                    onPress={this.props.handleSubmit((values) => {
                        console.log(values);
                    })}
                />
            </View>
        );
    }
};

const mapStateToProps = (state) => {
  return {
    initialValues: {
      firstName: 'aaaaa',
      lastName: 'bbbbb',
      email: 'cccccc'
    }
  }
}

export default connect(mapStateToProps)(reduxForm({ form: 'EditForm2', enableReinitialize: true})(EditForm2))```

1 Ответ

1 голос
/ 12 ноября 2019

В вашем пользовательском компоненте fieldNombre вы должны использовать props.input.value и передать его в <TextInput value={props.input.value} />.

Вот полный пример из redux-form документации: https://redux -form.com/8.2.2/docs/api/field.md/#1-a-normal-component

...