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

Question

• APP.js

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

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

export default App

• Addtodo.js文件

let AddTodo = ({dispatch }) => {
   let input
    
   return (
     <p>
      <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>
     </p>
   )
 }

 AddTodo = connect()(AddTodo);

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

Answer 1

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

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

dispatch 就在store中，ES6语法（{dispatch}）=> { } 就直接拿到了

Answer 2

参数 这是es6的写法