React-redux 没有将 mapDispatchToProps 设置为 props

Question

你能帮忙理解为什么我的容器没有将 dispatch prop saveInfo 传输到组件中吗？

我的容器：

import { connect } from 'react-redux'
import AddCarWashForm from './../components/carwash/subComponents/AddCarWashForm.jsx'
import {addInfo} from './../actions'

const mapDispatchToProps = (dispatch) => {
return {
    saveInfo: (info) => {
        dispatch(addInfo(info))
    }
}
}

const AddCarWashFormContainer = connect(
    null,
    mapDispatchToProps
)(AddCarWashForm)

export default AddCarWashFormContainer

这是AddCarWashForm.jsx

的一部分

export default class AddCarWashForm extends React.Component{

static contextTypes = {
    saveInfo: React.PropTypes.func.isRequired
};

当我执行这段代码时，我在控制台中看到：Warning: Failed context type: Required context 'saveInfo' was not specified in 'AddCarWashForm'.

Answer 1

您正在映射到道具，而不是上下文。将其定义为 propType，它将按您预期的方式工作。

React-redux 没有将 mapDispatchToProps 设置为 props

React-redux doesn't set mapDispatchToProps into props

reactjs

redux

react-redux