javascript - 获取对象: "undefined" on React

Question

我是 React JS 的新手，我正在尝试从 Json 格式的 url 中提取数据。 我执行了以下操作，但我继续在控制台获得反馈，如下所示

Rovers: undefined.

当我应该得到类似的东西时我该怎么做

Rovers:[object, object, object]

class App extends React.Component {
 constructor(props){
   super(props);
   this.state={rovers:[]};
 }
componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.rovers
   });
 });
}
render() {
  console.log("Rovers: ", this.state.rovers);
}

这就是调用 json 链接的地方

var api={
  getRovers(){
   var url='https://jsonplaceholder.typicode.com/posts/1';
   return fetch(url).then((response)=> response.json());
 }
};
module.exports=api;

Answer 1

端点回复的对象不包含漫游器。但是，它包括:id、userId、title 和 body

<小时/>

<小时/>

这就是为什么 response.rovers 是未定义的原因。那么 this.state.rovers 是一样的

因此，您可能指的是 body 而不是 rovers ，在这种情况下，替换:

componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.rovers
   });
 });
}

作者:

componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.body.split('\n')
   });
 });
}