对象无法获取方法或属性“getCars”

Question

我正在研究 react-redux intermidiate..但我不知道出了什么问题 在这个项目上

我已经创建了用于获取汽车详细信息的搜索栏..并且该文件被创建为“search.js”...您可以在此处查看..

search.js

    import React, { Component } from 'react';
    import { connect } from 'react-redux';
    import { getCars } from '../actions';
    import { bindActionCreators } from 'redux';

    class Search extends Component{
        constructor(props){
          super(props);

          this.state = {
            keyword:''
          }
        }

      searchCars = (event) => {
        event.preventDefault();
        this.props.getCars(this.state.keyword)
      }

      handleChange = (event) => {
          this.setState({
            keyword:event.target.value
          })
      }

      componentDidMount(){
        console.log(this.state);
      }

      render(){
        return(
          <div className="main_search">
            <form onSubmit={this.searchCars}>
                <input type="text" value={this.state.keyword} onChange = {this.handleChange} />
            </form>
          </div>
        )
      }
    }

    // mapStateToProps
    // mapDispatchToProps

    function mapDispatchToProps(dispatch){
      return bindActionCreators({getCars}, dispatch)
    }

    export default connect(null,mapDispatchToProps)(Search);

我认为关于 getCars 的错误来自这里。下面将其描述为 s 'index.js'...你可以在这里看到

index.js

    const URL_ROOT = 'http://localhost:3004'

    export default function getCars(keywords){
        const request = fetch(`${URL_ROOT}/carsIndex?q=${keywords}`,
          {method:'GET'})
        .then(response => response.json())

        return{
          type:'SEARCH_CARS',
          payload:request
        }
    }

并且错误看起来像这样..

bundle.js 文件中显示错误

所以尝试修复它并帮助我...

Answer 1

请将您的 mapDispatchToProps 方法更改为

    const mapDispatchToProps = (dispatch)=> (
    bindActionCreators(getCars, dispatch) 
)