Jquery 如何在react中进行ajax调用？它在html中工作 类登录扩展了React.Component{ 建造师（道具）{ 超级（道具）； this.state={data:23}； } componentDidMount（）{ var分量=此； fetch（'jsonplaceholder.typicode.com/posts'） .然后（功能（响应）{ 返回response.json（）； }) .then（函数（json）{ var-data=json； console.log（数据[0]）； console.log（数据[1]。标题）； setState（{data:json}）； }); } render（）{ var someData=this.state.data[1]。标题| |“”； 返回elo{someData}； } } 导出默认登录；

上面的代码仅适用于数组格式而非json响应。json响应api中的任何人都可以帮助获取

使用，而不是jquery的旧ajax。此外，在react中开发时，您也不使用$（document）.ready（），请放置一个单击处理程序或任何其他javascript事件，然后在那里进一步进行ajax调用。

以下几点：

使用数组作为

数据的初始状态

，因为它将在获取后成为数组

检查

this.state.data.length

内部的

render

以查看获取是否成功，否则不呈现任何内容（或加载指示器）

fetch

需要协议，例如

https

。始终确保将其添加到URL前面

次要事项：通常最好将组件名称大写。好吧，这取决于你

试试这个：

类登录扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={data:[]}；
}
componentDidMount（）{
var分量=此；
取（'https://jsonplaceholder.typicode.com/posts')
.然后（功能（响应）{
返回response.json（）；
})
.then（函数（json）{
var-data=json；
console.log（数据[0]）；
console.log（数据[1]。标题）；
setState（{data:json}）；
});
}
render（）{
var{data}=this.state；
var someData=data.length？数据[1]。标题：“”；
返回elo{someData}；
}
}
ReactDOM.render（，document.getElementById（'root'））

在html中添加脚本标记时，它正在从响应api获取数据，但是有人能帮助我如何在react componentclass登录扩展react.Component{constructor（props）{super（props）；this.state={data:23}；}componentDidMount（）{var Component=this；fetch（'）.then（函数（响应）{return response.json（）}）.then（函数（json）{var data=json；console.log（数据[0]）；console.log（数据[1].title）；component.setState（{data:json}}）}render（）{var someData=this.state.data[1]。title | |“”；return（elo{someData}）}导出默认登录名；在react组件中加载时，只有数组格式的响应api在UI中工作，而不是json格式。在react组件中使用json响应api的示例将非常有用。首先，我不理解您刚才在评论中写的代码，请以正确的格式进行评论，只需编辑您的问题和过去选择您的代码，选择整个代码，然后按ctrl+k

谢谢现在您可以检查@aditya了

class login extends React.Component {
  constructor(props) {
    super(props);
    this.state = { data: 23 };
  }
  componentDidMount() {
    var component = this;
    fetch('jsonplaceholder.typicode.com/posts')
      .then(function(response) {
        return response.json();
      })
      .then(function(json) {
        var data = json;
        console.log(data[0]);
        console.log(data[1].title);
        component.setState({ data: json });
      });
  }
  render() {
    var someData = this.state.data[1].title || '';
    return <div> <h1>elo{someData}</h1> </div>;
  }
}
export default login;