react实现进入页面自动向后端获取数据

你可以在React组件的生命周期方法componentDidMount()中向后端发起数据请求。这个方法会在组件挂载完成后自动调用，所以可以在这里执行你的数据请求操作。你可以使用`fetch`或`axios`等库发起HTTP请求，获取数据后再通过`setState`更新组件的状态，从而触发重新渲染。以下是一个简单的示例代码：

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null
    };
  }

  componentDidMount() {
    axios.get('/api/data')
      .then(response => {
        this.setState({ data: response.data });
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    const { data } = this.state;
    return (
      <div>
        {data ? (
          <ul>
            {data.map(item => (
              <li key={item.id}>
                {item.name}
              </li>
            ))}
          </ul>
        ) : (
          <p>Loading...</p>
        )}
      </div>
    );
  }
}

export default MyComponent;

这个例子中，我们在组件挂载完成后发起一个GET请求，获取数据后更新组件的状态。在渲染过程中，我们根据状态值来渲染相应的UI。在数据还没加载完成时，我们显示一个loading提示。