Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React/Redux中调度操作的问题_Javascript_Reactjs_Redux - Fatal编程技术网

Javascript React/Redux中调度操作的问题

Javascript React/Redux中调度操作的问题,javascript,reactjs,redux,Javascript,Reactjs,Redux,我是一个新的反应和重复,并有一些问题,在我的第一步与它。我试图遵循Redux文档中的示例,但我很难理解所有内容,因为每个示例都在ES5-6甚至7语法之间跳跃 然而,当我尝试分派一个操作时,我得到了以下错误 Uncaught TypeError: (0 , _index2.default) is not a function 我知道社区并不喜欢一个问题中包含这么多代码,但我不知道问题是从哪里来的。对不起 这是我的代码: Index.js import 'babel-polyfill' impor

我是一个新的反应和重复,并有一些问题,在我的第一步与它。我试图遵循Redux文档中的示例,但我很难理解所有内容,因为每个示例都在ES5-6甚至7语法之间跳跃

然而,当我尝试分派一个操作时,我得到了以下错误

Uncaught TypeError: (0 , _index2.default) is not a function
我知道社区并不喜欢一个问题中包含这么多代码,但我不知道问题是从哪里来的。对不起

这是我的代码:

Index.js

import 'babel-polyfill'
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import App from './containers/App'
import configureStore from './store/configureStore'

const store = configureStore()

render(
  <Provider store={store}>
    <App />
   </Provider>,
   document.getElementById('root')
 )
我的容器组件

import React, { Component, PropTypes } from 'react'
import AddTodo from '../components/AddTodo'
import { connect } from 'react-redux'
import addItem from '../actions/index'

class App extends Component {
   constructor(props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
}

handleClick(e){
    console.log("click")
    console.log(e);
    const {dispatch} = this.props
    dispatch(addItem(e));
}

render() {
    return (
        <div>
        < h1 > Hallo </h1>
            <AddTodo handleAddItem={this.handleClick}/>
        </div>
       )
    }
}

App.propTypes = {
   dispatch: PropTypes.func.isRequired
}

function mapStateToProps(state){
   return {
      AddTodo
   }
 }

 export default connect (mapStateToProps)(App)
最后是行动

export function addItem(item){
   console.log("addTOdo")
   return {
      type: 'ADD_ITEM',
      item
    }
  }

我希望有人能在这里帮助我,坐了几个小时不明白发生了什么

您没有将action creator导出为默认值。你需要其中之一

export default function addItem(item){
   console.log("addTOdo")
   return {
      type: 'ADD_ITEM',
      item
    }
  }


哇!这真的很快,而且很有效。非常感谢你!很高兴我能帮忙:@BayLife当然。在这里发布链接。
 export default (state = [], action) => {
   switch (action.type){
    case 'ADD_ITEM':
        return action.item
    }
  }
export function addItem(item){
   console.log("addTOdo")
   return {
      type: 'ADD_ITEM',
      item
    }
  }
export default function addItem(item){
   console.log("addTOdo")
   return {
      type: 'ADD_ITEM',
      item
    }
  }
import {addItem} from '../actions/index'