React TypeError: вложенное значение циклического объекта - PullRequest
0 голосов
/ 19 декабря 2018

Я вроде как заблокирован на этом:

Это состояние для моего компонента:

state = {
            email: '',
            password: '',
            confirmPassword:'',
            birthDate: '',
            firstName: '',
            gender: '',
            preferences : {
                genderSearched: '',
                ageSearched: {
                    min: '',
                    max: ''
                }
            }
        }

Я хотел бы отправить запрос в мой API с помощью fetch, поэтомуу меня есть мой констант здесь:

const {email, password, confirmPassword, birthDate, firstName, gender, preferences} = this.state;

И вот то, что я пытаюсь структурировать

body: JSON.stringify({ email, password, confirmPassword, birthDate, firstName, gender, preferences})

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

Сердечно,

РЕДАКТИРОВАТЬ : я забыл уточнить, что я ценю эти поля с помощью метода onChange навходы для setState этих атрибутов.Я не думаю, что проблема в setState или, возможно, в ageSearched

Вот еще немного кода для лучшего понимания:

onChangeAgeMinPreferences = (value) => {
        let preferences = {...this.state.preferences};
        preferences.ageSearched.min = value;
        this.setState({preferences})
    }

onChangeAgeMaxPreferences = (value) => {
        let preferences = {...this.state.preferences};
        preferences.ageSearched.max = value;
        this.setState({preferences})
    }

<Input value={this.state.preferences.ageSearched.min} onChange={this.onChangeAgeMinPreferences}></Input>

<Input value={this.state.preferences.ageSearched.max} onChange={this.onChangeAgeMaxPreferences}></Input>
...