如何在React中找到当前参考

编程问答 2022-07-29

问题描述

我正在尝试找出当前引用是什么。这样做的原因是，这样，每当用户尝试进入非当前部分的部分时，我都可以触发弹出窗口。

const section1= useRef(null);
const section2= useRef(null);
const section3= useRef(null);

我有几个部分：

const sections = [
    section1,section2,section3
];

在我的导航中，我有这样的链接

<li><a href="#section1">Section1</a></li>
<li><a href="#section2">Section2</a></li>
<li><a href="#section3">Section3</a></li>

最后我有弹出窗口：

const TestPopup = () => {
    return <Modal
        ariaHideApp={false}
        style={customStyles}
        isOpen={openPopup}
    >
        Test
           <div>
            <PopupButton className="standard-button" onClick={() => {
                setopenPopup(false)
            }}>Cancel</PopupButton>
            <PopupButton onClick={() => {
            }}>OK</PopupButton>
           </div>
    </Modal>
}

然后在jsx返回中，我像这样调用每个部分：

无论何时setopenPopup，我都想section pressed IS NOT current.section为真

所以我正在考虑创建一个setRef状态，可以在其中保存当前节，然后在导航链接的每个<a>中调用该节。

类似这样的内容：<li><a onClick={IF REF pressed IS NOT THE CURRENT REF SHOW POPUP} href="#section1">Section</a></li>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-hooksreactjsreactjsrefrefuse-ref