无法读取未定义的属性 'dispatch'。反应

Question

以下是我正在使用的代码。我收到类似的错误Uncaught TypeError: Cannot read property 'dispatch' of undefined。我也想dispatch行动。

import { connect } from 'react-redux'
let SearchBar = ({ dispatch }) => {
    let input
    return (
       <div>
           <form>
              <input type="text" placeholder="Search"  />
              <p>
                 <input type="checkbox" />
                 {' '}
                 Free
              </p>                
           </form>
       </div>
   )
}

SearchBar = connect()(SearchBar)
export default SearchBar()

Answer 1

我在您的代码示例中立即注意到了一些事情：

首先，该connect函数需要第一个括号中的一些参数，即使该参数是 a null，我也不认为您需要导出行上的括号。尝试用这样的内容替换最后两行：

export default connect(null)(SearchBar);

看看这是否有什么不同。