Javascript 是否仅使用新搜索显示React组件?

Javascript 是否仅使用新搜索显示React组件?,javascript,reactjs,Javascript,Reactjs,我有这个组件,我只想显示一个新的搜索 类应用程序扩展组件{ 建造师(道具){ 超级(道具); this.state={ 伊希登:是的 } this.handleSearch=this.handleSearch.bind(this); } handleSearch(){ 这是我的国家({ isHidden:!this.state.isHidden }) } //不同文件 render(){ 返回( ) } //不同文件 导出默认道具=>( {!道具,伊希登? :null} )您必须使用实例方法,

我有这个组件,我只想显示一个新的搜索

类应用程序扩展组件{
建造师(道具){
超级(道具);
this.state={
伊希登:是的
}
this.handleSearch=this.handleSearch.bind(this);
}
handleSearch(){
这是我的国家({
isHidden:!this.state.isHidden
})
}
//不同文件
render(){
返回(
)
}
//不同文件
导出默认道具=>(
{!道具,伊希登?
:null}

)
您必须使用实例方法,而不是作为道具传递的函数

<InputGroupAddon className='input-group-append'
   onClick={this.handleSearch}>
   <span className='input-group-text'>
      <i className="fa fa-search fa-lg fa-flip-horizontal"></i>
   </span>
</InputGroupAddon>

我必须将其作为this.props.handleSearch传递,因为handleSearch函数是在父组件上定义的。