Javascript 在reactJS中显示后端数据

Javascript 在reactJS中显示后端数据,javascript,reactjs,Javascript,Reactjs,我试图用react在前面显示后端数据,我确实收到了数据,因为当我在控制台的网络选项卡中检查响应时,我发现了它们, 现在,为了在接口上显示这些数据,我在componentDidMount中调用loadData()函数: componentDidMount() { this.loadTime(); this.loadOtherData(); } 但在这两个函数中,我使用了一个setTimeOut(),因此我可以显示,如果我没有执行setTimeOut,我在渲染时会得到null loadT

我试图用react在前面显示后端数据,我确实收到了数据,因为当我在控制台的网络选项卡中检查响应时,我发现了它们, 现在,为了在接口上显示这些数据,我在componentDidMount中调用loadData()函数:

 componentDidMount() {
  this.loadTime();
  this.loadOtherData();
}
但在这两个函数中,我使用了一个setTimeOut(),因此我可以显示,如果我没有执行setTimeOut,我在渲染时会得到null

loadTime() {
  const dateList = [];
  $('.day').each((index, d) => {
   dateList.push(new Date(d.innerText));
   });
const displayImputation = {
  idMantis: $('#mantis').html(),
  dateList: dateList,
  userId: 1
};

this.props.store.loadImputation(displayImputation);

setTimeout(() => {
  const response = this.props.store.privateImputationData;
  for (let i = 0; i < response.length; i += 1) {
    const stampToDate = response[i].cra.date;

    const o = moment(stampToDate).day();
    for (let x = 0; x < $('.App input').length; x += 1) {
      if (x === o) {
        const input = $('.App input')[x - 1];
        input.value = response[i].temps;
      }
    }
  }
}, 500);  }
loadTime(){
常量日期列表=[];
$('.day')。每个((索引,d)=>{
推送(新日期(d.innerText));
});
常量显示插补={
idMantis:$('#mantis').html(),
日期列表:日期列表,
用户ID:1
};
this.props.store.Load插补(Display插补);
设置超时(()=>{
常量响应=this.props.store.privateImputationData;
对于(设i=0;i

这是一个好的做法还是有其他解决办法

在react中使用jQuery肯定是不好的做法。阅读关于如何在中处理输入的内容,我在大约3行代码后停止阅读。使用jQuery修改DOM会给React带来问题。使用jQuery处理css动画或从DOM中提取数据是可以的,但是修改DOM是一个很大的禁忌。这只是一个概念证明,我不使用它,对于setTimeout(),你能帮忙吗?@Chris在我看来,jQuery永远不应该被使用。可以用纯本机javascript开发任何东西。此外,jquery将文件大小添加到react包中