如何使用 fetch api 从 json 中的先前值中获取值？

Question

在本机反应中，我从键中获取了值，但无法从先前的值中获取值。
例如我有以下 json

{
"username":"xyz",
"xyz":{"role":3,"role_name":"abcd"}
}

我需要获取用户名并使用用户名值需要访问角色。我试过跟随。

 constructor(){
    this.state={rol:'role',uname:'',xtext:'',}
}

  fetch('example.com/url')
  .then(response =>  response.json())
  .then(responseobj => {
    this.setState({
      uname: responseobj.username,
     xtest: responseobj[this.state.uname][this.state.rol],
   });

我得到了用户名，但没有得到角色。

Answer 1

setState 是异步的，所以 state 还没有准备好，你可以用这个：

  then(responseobj => {
    this.setState({
      uname: responseobj.username,
      xtest: responseobj[responseobj.username][this.state.rol],
   });

或者如果你真的想使用状态，你可以使用回调：

  then(responseobj => {
    this.setState({
      uname: responseobj.username,
   }, () => {
     this.setState({
       xtest: responseobj[this.state.uname][this.state.rol],
     })
   });

Answer 2

这不起作用，因为当您尝试在 setState 函数中使用 this.state.uname 时，它​​是一个空字符串。 setState 同时设置这两个值。试试这个：

    this.setState({
     uname: responseobj.username,
     xtest: responseobj[responseobj.username][this.state.rol],
   });