如何在nextjs中将数据从一个组件发送到另一个组件

// 组件A
import React from 'react';
import ComponentB from './ComponentB';

const ComponentA = () => {
  const data = '这是要传递的数据';

  return (
    <div>
      <ComponentB data={data} />
    </div>
  );
};

export default ComponentA;

// 组件B
import React from 'react';

const ComponentB = (props) => {
  const { data } = props;

  return (
    <div>
      <p>接收到的数据：{data}</p>
    </div>
  );
};

export default ComponentB;