React JS OnBlur错误

时间:2017-01-25 05:08:01

标签: reactjs

我有以下脚本:

class GlobalSearch extends Component {
    search_blur(){
        console.log("inside_blur_function");
    }
    render(){
        return(
            <div className="search-container">
                <input type="search" onBlur="{this.search_blur}"/>
            </div>
        );
    }
}

但是,当我运行脚本时,它会返回以下错误:

  

未捕获错误:预期onBlur侦听器是一个函数,而不是类型字符串

我用谷歌搜索了几个小时的解决方案,但找不到任何正确的解决方案。有什么指针吗?

1 个答案:

答案 0 :(得分:1)

错误是自我解释的,onBlur期望函数作为参数,并且您正在提供一个字符串。您需要删除为onBlur定义的函数周围的引号

<input type="search" onBlur={this.search_blur}/>