如何在登录后在react原生rest api中仅使用access_token获取数据并在案例中显示

在登录后，使用React原生REST API仅使用access_token获取数据并在案例中显示，可以按照以下步骤进行操作：

首先，确保你已经完成了用户登录的功能，并成功获取到了access_token。通常，登录功能会返回一个包含access_token的响应。
在React应用中，可以使用fetch或axios等库来发送HTTP请求。使用access_token进行身份验证，可以在请求头中添加Authorization字段，值为"Bearer {access_token}"。
在需要获取数据的组件中，可以在组件的生命周期方法（如componentDidMount）中发送GET请求，获取数据并更新组件的状态。
在发送GET请求时，需要指定请求的URL，可以是后端提供的API接口。根据具体的案例需求，可以在URL中添加查询参数来过滤数据。
接收到响应后，可以将返回的数据保存在组件的状态中，然后在组件的render方法中使用该数据进行展示。

下面是一个简单的示例代码：

import React, { Component } from 'react';

class DataDisplay extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [],
      loading: true,
    };
  }

  componentDidMount() {
    const { access_token } = this.props;
    fetch('https://api.example.com/data', {
      headers: {
        Authorization: `Bearer ${access_token}`,
      },
    })
      .then(response => response.json())
      .then(data => {
        this.setState({
          data,
          loading: false,
        });
      })
      .catch(error => {
        console.error('Error:', error);
        this.setState({ loading: false });
      });
  }

  render() {
    const { data, loading } = this.state;

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

    return (
      <div>
        {data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}

export default DataDisplay;

在上述代码中，我们在组件的componentDidMount方法中发送了一个GET请求，请求的URL为https://api.example.com/data，并在请求头中添加了Authorization字段。接收到响应后，将返回的数据保存在组件的状态中，并在render方法中进行展示。

请注意，上述代码仅为示例，实际情况中需要根据具体的后端API接口和数据结构进行相应的调整。

推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云API网关（https://cloud.tencent.com/product/apigateway）可以帮助您构建和管理云计算应用。