如何在react js中使用ID调用get api？

在React.js中使用ID调用GET API的方法如下：

首先，确保你已经安装了React.js和相关的依赖。
在React组件中，你可以使用fetch或axios等库来发起GET请求。这些库可以帮助你发送HTTP请求并处理响应。
在组件的componentDidMount生命周期方法中，你可以使用上述库来发送GET请求。在请求的URL中，你可以使用ID参数来获取特定的数据。
例如，假设你的API端点是https://api.example.com/users，你可以在URL中添加ID参数，如https://api.example.com/users/{id}。
在GET请求的回调函数中，你可以处理返回的数据。你可以将数据保存在组件的状态中，以便在渲染时使用。
例如，你可以使用setState方法将返回的数据保存在组件的状态中。
最后，在组件的渲染方法中，你可以使用保存的数据来展示获取到的信息。

下面是一个示例代码：

import React, { Component } from 'react';
import axios from 'axios';

class User extends Component {
  state = {
    user: null
  };

  componentDidMount() {
    const id = 1; // 假设要获取ID为1的用户信息
    axios.get(`https://api.example.com/users/${id}`)
      .then(response => {
        this.setState({ user: response.data });
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    const { user } = this.state;

    if (!user) {
      return <div>Loading...</div>;
    }

    return (
      <div>
        <h1>{user.name}</h1>
        <p>{user.email}</p>
      </div>
    );
  }
}

export default User;

在上述示例中，我们使用了axios库来发送GET请求，并在componentDidMount方法中获取ID为1的用户信息。获取到的用户信息保存在组件的状态中，并在渲染方法中展示用户的姓名和电子邮件。

请注意，这只是一个简单的示例，实际情况中你可能需要根据你的API和数据结构进行适当的修改。

推荐的腾讯云相关产品和产品介绍链接地址：