antd实现点击按钮隐藏输入框_react控制文本内容的显示隐藏？

烙印99

不建议使用style进行样式的控制，可以定义.topic-intro-extended来修改max-height为auto, .fold也是同理var Component = React.createClass({  getInitialState:function(){    return {      topicExtended:false    }  },  toggleClickHandler:function(){    this.setState({      topicExtended:!this.state.topicExtended    });  },  render:function(){    var topicCls = "topic-intro";    var foldCls = "";    if(this.state.topicExtended){      topicCls+=" topic-intro-extended";      foldCls+="fold";    }    return (     

       

         

blablabla

         

blablabla

       

       

click me

     

    )  }});另外，对className的控制，建议使用classnames包