如何向下滚动到隐藏部分

Question

我有一个由两个组成部分组成的部分：

component

• show/hide组件

1. 触发器

基本上，当我点击触发器组件时，新组件就会出现。这是由useState简单处理的

const [toShow, setToShow] = useState(0);

然后我使用了onClick方法：

onClick={() => setToShow(1)}

显示触发器组件下的元素：

{toShow === 1 && (
            <div className="show-box" id="myHiddenComponent">
                    <HiddenComponent />
            </div>
)}

问题是，我需要从我的Navbar用id="myHiddenComponent"访问隐藏组件。这意味着组件将不会被设置为显示。但是，链接应该理解必须将其设置为打开，然后滚动到组件。有可能有这种反应吗？

现在我正在使用Hashlink

<HashLink smooth to='#myHiddenComponent'>
  GO TO HIDDEN SECTON
</HashLink>

但不幸的是，这是行不通的，因为这个部分是隐藏的。

Answer 1

您需要在toShow组件上将HashLink状态设置为1 onClick