0

我试图找出当前的 ref 是什么。这背后的原因是，每当用户尝试进入不是当前部分的部分时，我都可以触发弹出窗口。

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>

4

0 回答 0