反应TypeError:循环对象值嵌套

时间:2018-12-18 23:39:50

标签: json reactjs nested stringify

我对此有点被阻止:

这是我组件的状态:

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

我想通过使用访存向我的API发送一个请求,所以我在这里有了我的const:

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

这就是我要进行字符串化的

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

我意识到问题出在首选项,因为它只是真正嵌套的属性,但我不知道如何处理。

顺便说一句,

EDIT :我忘记精确地说,我通过在输入上使用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>

0 个答案:

没有答案