我的一个 React / Gatsby 文件中有以下内容:
import React from "react"
const click = () => {
console.log("J");
}
const NavButton = () =>
<button className="navbar-toggler navbar-toggler-right" style={{backgroundColor: 'blue', position: "absolute", margin: "30px"}}type="button" data-toggle="collapse" data-target="#collapsingNavbar" onClick={click}>
<div id="nav-icon1">
<span></span>
<span></span>
<span></span>
</div>
</button>
const Dropdown = () =>
<div style={{visibility: "hidden", backgroundColor: "blue", position: "absolute", height: "100%", width: "100%"}}>
</div>
export default (props) =>
<div className="left col-xs-12 col-md-6">
<Dropdown />
<NavButton />
{props.children}
</div>
现在我想click()
在有人按下的时候开火NavButton
,然后我想让它Dropdown
可见。我该怎么做?现在我已经硬编码Dropdown
了style={{visibility: "hidden", ...
.
我也想知道我是否正确地这样做了,在这些不同的功能中松散地拥有一切,如果有人能告诉我那会很棒!