如何在NextJS中获取getServerSideProps内部的useState值

// pages/example.js

import React from 'react';

export async function getServerSideProps() {
  const data = await fetchData(); // 从服务器获取数据
  return {
    props: {
      data
    }
  };
}

function Example({ data }) {
  // 在组件中使用获取到的数据
  return (
    <div>
      <p>{data}</p>
    </div>
  );
}

export default Example;

// pages/example.js

import React, { useState, useEffect } from 'react';

function Example() {
  const [data, setData] = useState('');

  useEffect(() => {
    async function fetchData() {
      const response = await fetch('/api/data'); // 通过API获取数据
      const data = await response.json();
      setData(data);
    }

    fetchData();
  }, []);

  return (
    <div>
      <p>{data}</p>
    </div>
  );
}

export default Example;