React JS OnBlur Error

Question

我有以下脚本：

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 侦听器是一个函数，而是获取类型字符串

我用谷歌搜索了几个小时来寻找解决方案，但找不到任何正确的解决方案。有什么指示吗？

Answer 1

错误是不言自明的，onBlur期望函数作为参数，而您正在输入一个字符串。您需要删除为 onBlur 定义的函数周围的引号

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