反应元素淡入淡出

使用CSS类切换+不透明度转换的示例：https :
//jsfiddle.net/e7zwhcbt/2/

这是有趣的CSS：

.basket {  transition: opacity 0.5s;  opacity: 1;}.basket.hide {  opacity: 0;  pointer-events:none;}

和render函数：

render() {    const classes = this.state.open ? 'basket' : 'basket hide'    return(      <div className="basket">        <button className="basketBtn" onClick={this.handleDropDown}>          {this.state.open ? 'Close' : 'Open'}        </button>        <BasketContents className={classes}/>      </div>    )  }