React JS中props.handleSearchNote非函数错误求助

问题根源 #

你在App.js中传递给Search组件的props属性名存在拼写错误：

• Search组件内部调用的是 props.handleSearchNote
• 但App.js中传递时写的是 handlSearchNote={setSearchText}（少了一个字母e）

修复步骤 #

修改App.js中Search组件的props属性名，将handlSearchNote修正为handleSearchNote：

<Search handleSearchNote={setSearchText} />

验证效果 #

修改完成后，Search组件的输入框onChange事件就能正确调用setSearchText来更新searchText状态，原错误会消失，搜索功能可正常运行。

内容的提问来源于stack exchange，提问作者Abhinil Nath