Reactjs根据另一个select中的选项隐藏一个select标签

Question

你好，我是Reactjs的新手，我试图隐藏div类名（DropDownButton3）的Select标记，直到选择了div类名（DropDownButton2）的select标记中的选项（Three）。这是我的.jsx和CSS文件帮帮我。

.jsx

git submodule add -b <branch> <repository> [<path>]

Answer 1

实现

change = (event)=> {
    this.setState({selectedButton: event.target.value});
  };

添加

<div className='DropDownButton3' style={{display: this.state. selectedButton === "Exchange" ? "block" : "none" }}>

并将onChange添加到DropDownButton2。并且应该可以正常工作。

Answer 2

假设您已将下拉菜单的值存储在状态中，请尝试以下操作：

<div className='DropDownButton3'
  style={ {display: this.state.dropdown2 === "Three" ? "block" : 
"none"} }
>

如果您想做的不仅仅是隐藏样式，还可以使用classnames插件。

https://www.npmjs.com/package/classnames

编辑：我假设涉及到一个状态，因为必须有一些东西控制选择的状态。