使用React Bootstrap + Next.JS，如何获取React组件中textbox的内容并将其发送回我的Index.js

import { Form, FormControl, Button } from 'react-bootstrap';

const MyComponent = () => {
  const handleSubmit = (event) => {
    event.preventDefault();
    const textboxValue = event.target.elements.textbox.value;
    // 在这里可以将textboxValue发送回Index.js或执行其他操作
  };

  return (
    <Form onSubmit={handleSubmit}>
      <FormControl type="text" name="textbox" placeholder="输入内容" />
      <Button type="submit">提交</Button>
    </Form>
  );
};

export default MyComponent;

import MyComponent from './MyComponent';

const Index = () => {
  return (
    <div>
      <h1>我的页面</h1>
      <MyComponent />
    </div>
  );
};

export default Index;