如何将取数结果赋值给变量?ReactJS

import React, { useState } from 'react';

function MyComponent() {
  const [data, setData] = useState(null);

  // 在某个事件处理函数或副作用中获取数据并赋值给变量
  const fetchData = () => {
    // 获取数据的逻辑
    const result = getDataFromAPI();
    setData(result);
  };

  return (
    <div>
      {/* 使用data变量 */}
      {data && <p>{data}</p>}
      <button onClick={fetchData}>获取数据</button>
    </div>
  );
}

import React from 'react';

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

  fetchData() {
    // 获取数据的逻辑
    const result = getDataFromAPI();
    this.setState({ data: result });
  }

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

    return (
      <div>
        {/* 使用data变量 */}
        {data && <p>{data}</p>}
        <button onClick={this.fetchData.bind(this)}>获取数据</button>
      </div>
    );
  }
}