react怎么在页面加载后立即调用接口渲染数据

你可以在React组件的componentDidMount生命周期函数中调用接口并渲染数据。例如：

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

  componentDidMount() {
    fetch('https://example.com/api/data')
      .then(response => response.json())
      .then(data => this.setState({ data }));
  }

  render() {
    if (this.state.data === null) {
      return <div>Loading...</div>;
    }

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

这个组件在页面加载后会调用API来获取数据，然后在组件的状态中存储数据。一旦数据准备好，组件就会重新渲染并显示数据。