在reactjs中使用本地存储和componentDidMount

import React, { Component } from 'react';

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

  componentDidMount() {
    // 尝试从本地存储中获取数据
    const storedData = localStorage.getItem('exampleData');
    if (storedData) {
      this.setState({ data: JSON.parse(storedData) });
    } else {
      // 如果本地存储中没有数据，则从服务器获取（此处为示例，省略了实际的异步请求代码）
      // 假设获取到的数据为 new_data
      const new_data = { /* ... */ };
      localStorage.setItem('exampleData', JSON.stringify(new_data));
      this.setState({ data: new_data });
    }
  }

  render() {
    return (
      <div>
        {/* 渲染数据 */}
        {this.state.data ? <p>{JSON.stringify(this.state.data)}</p> : <p>Loading...</p>}
      </div>
    );
  }
}

export default ExampleComponent;