Reactjs redux不会将动作连接到react组件中的道具

所以我正在努力解决这个问题。 我有一个组件（InputBlSetting），我正试图连接到商店（redux）和动作创建者：

import React, { Component } from 'react'
import { connect } from 'react-redux'
import TextField from 'material-ui/TextField'
import { changeFieldToEdit } from './CustomizeActions'

class InputTblSetting extends Component {
  onInputClick = () => {
    const { changeFieldToEdit, inputKey, editInputs, settingsData } = this.props
    changeFieldToEdit(inputKey, editInputs, settingsData)
  }

  render() {
    const { edit, styles, value, label } = this.props
    if (edit) {
      return (
        <TextField
          id="outlined-dense"
          label={label}
          margin="dense"
          variant="outlined"
        />
      )
    }
    return (
      <span onClick={this.onInputClick} style={styles}>
        {value}
      </span>
    )
  }
}

const mapStateToProps = ({ CustomizeUserReducer }) => {
  const { editInputs, settingsData } = CustomizeUserReducer
  return { editInputs, settingsData }
}

export default connect(
  mapStateToProps,
  { changeFieldToEdit }
)(InputTblSetting)

import {
  OFF_THE_SHELF_SUBSTRING_CHANGE,
  COST_AND_LEAD_TBL_DATA,
  HANDLE_LOADER,
  EDIT_INPUT
} from '../../../global actions/types'
import { getCustomizationSettings } from '../../../Services/Network'
import { createTblData } from './CustomizeLogic'

export const changeFieldToEdit = (inputKey, editInputs, settingsData) => {
  const newEditInputs = getNewInputs(inputKey, editInputs) 
  const tblDataArr = createTblData(settingsData, newEditInputs)
  return {
    type: EDIT_INPUT,
    payload: { newEditInputs, tblDataArr }
  }
}

减速器：

import {
  OFF_THE_SHELF_SUBSTRING_CHANGE,
  COST_AND_LEAD_TBL_DATA,
  EDIT_INPUT
} from '../../../global actions/types'
import { COST_AND_LEAD_NAMES } from '../../../Services/Strings'

const INITIAL_STATE = {
  offTheShelfSubstrings: [],
  costAndLeadTblData: [],
  editInputs: COST_AND_LEAD_NAMES,
  settingsData: []
}

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {    
    case EDIT_INPUT:
      return {
        ...state,
        editInputs: action.payload.newEditInputs,
        costAndLeadTblData: action.payload.tblDataArr
      }
    default:
      return state
  }
}

---

我想要一些见解：）

用bindActionCreators绑定它

import { bindActionCreators } from 'redux'

// import all your actions creators that has exports
// replace whateverActions with what you want
import * as whateverActions from './CustomizeActions'

// your original mapStateToProps
const mapStateToProps = ({ CustomizeUserReducer }) => {
  const { editInputs, settingsData } = CustomizeUserReducer
  return { editInputs, settingsData }
}

// your new mapDispatchToProps, keep in mind that Object.assign needs 
// pollyfills for IE (if I remember it right)
const mapDispatchToProps = dispatch => {
  return bindActionCreators(Object.assign({},
      whateverActions
    ), dispatch);
  }

export default connect(mapStateToProps, mapDispatchToProps)(InputTblSetting)

---

您能否确保

changeFieldToEdit

正确获取imported@ShubhamKhatri最好的方法是什么？console.log changefield在您的InputBlSetting文件中编辑您是否可以上传到codesandbox以检查此外包！！你能解释一下我最初的方法有什么问题吗？mapDispatchToProps将dispatch作为一个参数，而不是传递它，而是传递了你的函数，这是出于完全不同的原因准备的。下面是bindActionCreators的更多解释-ES6语法：const-mapDispatchToProps=dispatch=>{return-bindActionCreators（{…whateverActions}，dispatch）；}