如何使用setState在Redux上为onLoad设置初始值

时间:2018-07-06 17:42:45

标签: javascript reactjs forms redux

我在用于用户个人资料数据的页面上有一个Redux表单。此页面具有州和城市的本地选项作为选项框。当用户选择一个值时,我获得了数组中该项的ID,然后将其存储到数据库中。当用户返回到个人资料页面时,如何设置之前保存的州和城市,他们会在页面上看到正确的州和城市吗?例如,如果将“您的新用户”保存为状态,则这是用户在进入页面时应看到的内容。

我尝试设置值,文本,字段...似乎没有任何作用。

return await restAPI.get('/api/customers/profiles/me', currentUser.id).then(userProfile => {

    this.setState ({
     firstName: userProfile.firstName,
     lastName: userProfile.lastName,
     companyPhone : userProfile.companyPhone,
     cellPhone : userProfile.cellPhone,
     email: userProfile.email,
     age: userProfile.age,
     asset: userProfile.asset,
     birthday: userProfile.birthday,
     city: userProfile.cityId,
     role: userProfile.role,
     state: userProfile.stateId
    })
});

<Field
component={this.selectComponent}
name="state"
id="state"
onChange={(e, newValue) =>this.handleStateChange(e, newValue)}
> 
{this.state.states.map((state, i) => (
  <option key={i} value={state}>
    {" "}
    {state}{" "}
  </option>
))}
</Field>

0 个答案:

没有答案