首页 > redux+react实例todos AddTodo.js里面的dispatch怎么来的

redux+react实例todos AddTodo.js里面的dispatch怎么来的

import React from 'react'
import Footer from './Footer'
import AddTodo from '../containers/AddTodo'
import VisibleTodoList from '../containers/VisibleTodoList'

const App = () => (
  <div>
    <AddTodo />
    <VisibleTodoList />
    <Footer />
  </div>
)

export default App
let AddTodo = ({dispatch }) => {
   let input
    
   return (
     <div>
      <form onSubmit={e => {
          e.preventDefault()
          if( !input.value.trim()){
            return
          }
          dispatch(addTodo(input.value))
          input.value = '';
        }}>
        <input ref={node => {
            input = node
          }} />
        <button type="submit">
          add todo
        </button>

      </form>
     </div>
   )
 }

 AddTodo = connect()(AddTodo);

我想知道dispatch 是怎么传入AddTodo的
在这个项目中 我并没有看到有传入值的地方


你代码没有贴全,在最后渲染时Provider提供store

ReactDOM.render(<Provider store={store}>
    <your components>
</Provider>,document.getElementById('app'))

dispatch 就在store中,ES6语法({dispatch})=> { } 就直接拿到了


参数 这是es6的写法

【热门文章】
【热门文章】