Как вызвать метод компонента функциональной реакции из другого компонента функциональной реакции?

Question

Я пытаюсь вызвать метод showDrawer функционального компонента из другого функционального компонента. Что для этого лучше всего сделать? Другой функциональный компонент - обертка. Спасибо!

  const TopSide = () => {
    const [visible, setVisible] = useState(false);
    const [key, setKey] = useState("1");

    const showDrawer = () => {
       console.log(key);
       setVisible(true);
    };

    const onClose = () => {
      setVisible(false);
  };

  [.....]

    }

Answer 1

Если вы хотите изменить состояние одного компонента от другого, вы должны «Поднять» состояние и события, которые это обрабатывают.

    const showDrawer = () => {
       handelShowDrawer ()
    };

    const onClose = () => {
      setVisible(false);
  };

    }
Wrapper= ()=>{

    const [visible, setVisible] = useState(false);
   

    const handelShowDrawer = () => {
     
       setVisible(true);
    };

    const handelClose = () => {
      setVisible(false);
  };
 <TopSide handelShowDrawer={handelShowDrawer} onDrawerClose={handelClose} visible/>
  
}