Question

我正在尝试设置我的apiRequest＆＃39;进入Characters组件状态。我已经记录了返回的Json，但是我无法解决如何将response.results映射到State。

如果有人可以帮我指出正确的方向，我会很感激，React肯定有一个陡峭的学习曲线可以克服！

反应组件

class Characters extends React.Component {

  apiRequest() {
    request('http://localhost:3000/api', function (error, response, body) {
      if (!error && response.statusCode == 200) {
          var swapiRes = body
          console.log(swapiRes)
      }
    })
  }

    render() {
        return (
            <section id="character">
      {this.apiRequest()}
                <div className="container">
                </div>
            </section>
        )
    }
}

返回JSON

{
    "count":87,
    "next":"http://swapi.co/api/people/?page=2",
    "previous":null,
    "results":
    [
        {
            "name":"Luke Skywalker",
            "gender":"male"
        },      
        {
            "name":"Han Solo",
            "gender":"male"
        }
    ]
}

Answer 1

您需要设置再次调用渲染方法的状态

喜欢

if ($firstTry & $thenTry) {$sayCheese;}

现在，您可以在api响应到来后设置状态

getInitialState:function()
  {
    return{
      results:[]
    }
  },

.map将JSON返回到React JS Components State

1 个答案: