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函数是在父组件上定义的。