javascript - React 中相邻元素的 Prop 操作

在分层菜单中，我有这样的内容:

<a onclick={this.handleClick()}>Nav Link</a>
<div open={false}>
    Hidden Submenu
</div>

在我的 handleClick 函数中，我希望能够将子菜单相邻的属性切换到单击的链接，并将其从 false 切换为 true，反之亦然每次点击时。

总之，我想要这个 jQuery 的 React 版本:$("a").next().prop("open", "true")

最佳答案

维护open变量的状态，

state = {open:false}

//handleClick切换

handleClick = () => {
   this.setState({open: !this.state.open})
}

虽然在onClick中从来没有调用像这样的函数this.handleClick() <== ()不需要

<a onclick={this.handleClick}>Nav Link</a>
<div open={this.state.open}>
    Hidden Submenu
</div>

关于javascript - React 中相邻元素的 Prop 操作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56904632/