Javascript 如何调用api并在react中加载数据

我试图做的是在下面的代码中。我有一个表，当我选择行，然后单击“查找”按钮时，数据不会在api中提取

我在下面的代码中尝试这样做，当我选择行并单击按钮时，我无法在控制台中获取数据

我需要对按钮进行api调用单击我们如何才能做到这一点

我需要在单击按钮时调用此api

我的代码

---

检查此示例。我已经修改了你的代码，让你明白这条路

class Test extends React.Component {
  constructor(props) {
    super();
    this.state = {
      row: ''
    };
  }
  selectList = (selected) => {
    this.setState({row: selected});
  }
  handleSubmit = (e) => {
    e.preventDefault();
    alert(`call APi here: ${this.state.row}`)
  }
  render() {
    return (
      <div>
        <div
          className="table-employee"
          style={{ marginTop: "20px", border: " 1.5px solid darkgray" }}
        >
          <table onClick={() => this.selectList('First')} className="table table-hover table-bordered table-sm">
            <thead>
              <tr>
                <th scope="col">Select</th>
                <th scope="col"> LOAD DATE</th>
                <th scope="col"> FILE DATE</th>
                <th scope="col"> SERVICE</th>
                <th scope="col"> PROVISIONER CODE </th>
                <th scope="col"> DESCRIPTION</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input type="radio" preventDefault name="select" />
                </td>

                <td>dfgrty</td>
                <td>fgfg</td>
                <td>fgfg</td>
                <td>erer</td>
                <td>uuio</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div className="btn-submit">
          <button
            onClick={this.handleSubmit}
            className="btn btn-primary"
            style={{ marginRight: "30px" }}
            type="submit"
          >
            submit
          </button>
        </div>
      </div>
    );
  }
}

类测试扩展了React.Component{
建造师（道具）{
超级（）；
此.state={
行：“”
};
}
选择列表=（已选择）=>{
this.setState（{row:selected}）；
}
handleSubmit=（e）=>{
e、 预防默认值（）；
警报（`call APi here:${this.state.row}`）
}
render（）{
返回(
this.selectList（'First'）}className=“table table hover table bordered table sm”>
挑选
装货日期
存档日期
服务
供应器代码
描述
dfgrty
fgfg
fgfg
埃勒
乌尤
提交
);
}
}

---

react中的api调用有什么想法吗？？我被困在这一点上了，我看不到您试图进行API调用的任何地方——您只是在代码底部的注释中有一个URLreply@Alexander在我的代码中，我有一个按钮，我需要进行点击按钮api调用，这是api是的，我尝试过，但我没有得到解决方案。你能帮我摆脱@Henry吗？多亏了这一点，但在这里，当我点击显示警报时。我想在控制台中显示数据。我们可以在控制台中显示数据吗@阿赫塔瓦希德，这是api@shivanipandey当然，我会使用你的API将示例应用程序作为实时应用程序发送给你。