如何将任何匿名函数传递给 ref 并在其他反应组件中使用它？

Question

我有 3 个功能组件，我想通过 useRef 传递和操作数据。
我正在将此 onClose 方法添加到我的一个组件中的 current 属性。

const onClose = () => {
    setButtonColor(buttonColor);
};

ref.current = {
    clearSwitchStateOnClose: onClose,  
};

我正在另一个组件中调用该方法。

ref.current.clearSwitchStateOnClose();

我收到这个错误，

Uncaught TypeError: ref.current.clearSwitchStateOnClose is not a function

Answer 1

我正在调用此方法 ref.current.clearSwitchStateOnClose(); 但同时我也在改变 ref。我猜这是导致问题的原因。
事情是这样的，

ref.current = {
    showModal: false,
    modalResponse: null,
};
ref.current.clearSwitchStateOnClose();

这样做之后，它工作正常。

ref.current.clearSwitchStateOnClose();
ref.current = {
    showModal: false,
    modalResponse: null,
};

很抱歉没有分享这种情况的整个场景。

How to pass any anonymous function to ref and use that in other react component?