APP.js
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
Addtodo.js文件
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
dispatch 就在store中,ES6语法({dispatch})=> { } 就直接拿到了