У меня есть компонент Basket
, которому нужно переключать компонент BasketContents
при нажатии. Это работает:
constructor() {
super();
this.state = {
open: false
}
this.handleDropDown = this.handleDropDown.bind(this);
}
handleDropDown() {
this.setState({ open: !this.state.open })
}
render() {
return(
<div className="basket">
<button className="basketBtn" onClick={this.handleDropDown}>
Open
</button>
{
this.state.open
?
<BasketContents />
: null
}
</div>
)
}
Он использует условное выражение для отображения компонента BasketContents
или нет. Теперь я хочу, чтобы он затухал. Я попытался добавить ComponentDidMount
hook к BasketContents
, чтобы перекрыть непрозрачность, но это не сработает. Есть ли простой способ сделать это?