将onselect值从菜单组件传递到另一个组件reactjs

import React from 'react';

const Menu = ({ onselect }) => {
  const handleSelect = (value) => {
    onselect(value);
  };

  return (
    <div>
      <button onClick={() => handleSelect('Option 1')}>Option 1</button>
      <button onClick={() => handleSelect('Option 2')}>Option 2</button>
      <button onClick={() => handleSelect('Option 3')}>Option 3</button>
    </div>
  );
};

export default Menu;

import React from 'react';

const AnotherComponent = ({ onselectValue }) => {
  return (
    <div>
      <p>Selected value: {onselectValue}</p>
    </div>
  );
};

export default AnotherComponent;

import React, { useState } from 'react';
import Menu from './Menu';
import AnotherComponent from './AnotherComponent';

const App = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleSelect = (value) => {
    setSelectedValue(value);
  };

  return (
    <div>
      <Menu onselect={handleSelect} />
      <AnotherComponent onselectValue={selectedValue} />
    </div>
  );
};

export default App;