Выбранное значение раскрывающегося списка не заполняется - PullRequest
0 голосов
/ 29 января 2019

Я работаю над формой Redux.Я столкнулся с некоторой проблемой с выпадающими значениями. Когда я выбираю какое-либо раскрывающееся значение, я не получаю выбранное значение при отправке формы. В чем может быть проблема?

export class AddRecipientForm extends React.Component {
    onSubmit(values) {
        console.log(values)
        const recipient = Object.assign({}, values);
        return this.props.dispatch(addRecipient(recipient));
    }

    render() {
        if (this.props.submitSucceeded === true) {
            return (
                <div>
                    <Redirect to={`/dashboard`} />
                </div>
            );
        }


        return (
            <div>
                <form
                    className="add-recipient-form"
                    aria-label="add new recipient form"
                    onSubmit={this.props.handleSubmit(values => this.onSubmit(values))}>
                    <label htmlFor="name">Name</label>
                    <Field component="input" name="name" type="text" />

                    <label htmlFor="relationship">Relationship</label>
                    <Field component="input" type="text" name="relationship" required />

                    <label htmlFor="occassion">Occassion</label>
                    <Field component="input" type="text" name="occassion" required />

                    <label htmlFor="giftDate">Gift Date</label>
                    <Field component="input" type="date" name="giftDate" required />

                    <label htmlFor="gift">Gift</label>
                    <Field component="input" type="text" name="gift" required />

                    <label htmlFor="budget">Cost</label>
                    <Field component="input" type="number" name="budget" required />

                    <label
                        htmlFor="status">
                        Gift Status
                    </label>
                    <Field component={select} name="status" required>
                        <option value="notPurchased">Not Purchased</option>
                        <option value="purchased">Purchased</option>
                        <option value="gifted">Gifted</option>
                    </Field>

                    <button type="submit">Submit</button>
                    <Link to="/dashboard">
                        <button type="button" aria-label="go back">
                            Back
                        </button>
                    </Link>
                </form>
            </div>
        );
    }
}

AddRecipientForm = reduxForm({
    form: 'addRecipient'
    // onSubmitFail: (errors, dispatch) => {
    //  console.log(`Error: ${JSON.stringify(errors)}`);
    //  dispatch(focus('addRecipient', Object.keys(errors)[0]));
    }
)(AddRecipientForm);


export default AddRecipientForm;

Я получаю другие значения, кромевыпадающие значения.Заменено поле с выбором, но оно все еще не работает

1 Ответ

0 голосов
/ 29 января 2019

Наконец-то исправлена ​​проблема с включением значения раскрывающегося списка по умолчанию.

                        <option key={2333333} value={''}>Please Select</option>

Но все же интересно, почему требуется раскрывающийся список по умолчанию

...