Javascript 反应：如果两个道具匹配，触发点击div

所以我有一个组件，看起来像这样：

class TestComponent extends Component {
  constructor(props) {
  this.state = {}
  }

  render() {
    const {id, neededId, handleOnClick } = this.props
    return (
        <div id="reviews" onClick={handleOnClick}>Click me</div>
    )
  }
}

类TestComponent扩展组件{
建造师（道具）{
this.state={}
}
render（）{
const{id，neededId，handleOnClick}=this.props
返回(
点击我
)
}
}

因此，用例是我在同一页面（父组件中的某个地方）上单击一个锚，该锚将滚动到

，如果

需要id==id

，则还应触发

onClick

因此，基本上，如果我单击

或者单击页面上的某个锚并滚动到

元素，当然应该触发

onClick

。

needId

通过redux映射到道具，并且在用户单击锚定后，道具中始终可用

想象一下，

是一个手风琴，如果我点击锚，它会将用户滚动到关闭的手风琴，手风琴就会打开

如何使用React实现这一点？比如，我知道使用jQuery之类的超级简单的解决方案，但这显然不是我们想要的！：-D

---

谢谢

我不完全理解你的问题。您想在另一个组件触发滚动时触发

handleon单击

，以便查看

TestComponent

？我的页面上有一个手风琴，它在

TestComponent

中呈现，默认情况下关闭所有手风琴项目。如果用户单击手风琴项目（

），手风琴将打开。如果用户在页面上的某个位置单击带有id的锚定（例如，reviews），也会发生同样的情况，该锚定将滚动到

。手风琴也应该打开。开口由

手柄点击
fn进行处理。