在getInitialProps react和nextjs中发送参数以获取

在getInitialProps函数中发送参数以获取数据，可以通过两种方式进行。

方式一：通过在URL中传递参数在URL中传递参数是一种常见的方式。可以通过在URL中添加查询字符串参数来传递参数，例如：http://example.com/my-page?param1=value1&param2=value2。在getInitialProps函数中，可以通过获取req对象的query属性来获取传递的参数。

示例代码：

import React from 'react';
import { withRouter } from 'next/router';

const MyPage = ({ router }) => {
  // 获取参数
  const { param1, param2 } = router.query;

  return (
    <div>
      <h1>Param1: {param1}</h1>
      <h1>Param2: {param2}</h1>
    </div>
  );
};

MyPage.getInitialProps = async ({ req }) => {
  // 在服务器端获取参数
  const { param1, param2 } = req.query;

  // 执行其他逻辑...

  return { };
};

export default withRouter(MyPage);

方式二：通过组件属性传递参数另一种方式是通过组件属性传递参数。可以在页面组件中通过属性的方式传递参数，然后在getInitialProps函数中获取传递的参数。

示例代码：

import React from 'react';

const MyPage = ({ param1, param2 }) => {
  return (
    <div>
      <h1>Param1: {param1}</h1>
      <h1>Param2: {param2}</h1>
    </div>
  );
};

MyPage.getInitialProps = async ({ query }) => {
  // 获取参数
  const { param1, param2 } = query;

  // 执行其他逻辑...

  return { };
};

export default MyPage;

在以上两种方式中，都可以通过参数来发送请求以获取数据。可以使用fetch、axios等库来发送请求，并在getInitialProps函数中进行处理。