使用axios和react读取json

npm install axios

import axios from 'axios';

componentDidMount() {
  axios.get('url/to/json')
    .then(response => {
      // 处理响应数据
      console.log(response.data);
    })
    .catch(error => {
      // 处理错误
      console.error(error);
    });
}

state = {
  jsonData: null
};

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

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

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

  return (
    <div>
      {/* 使用jsonData渲染组件 */}
    </div>
  );
}