Я изучаю реакцию, и у меня есть пример вроде этого
//index.js
const store = createStore(reducer)
render(
<Provider store={store}>
<AddTodo />
</Provider>,
document.getElementById('root')
)
//Apptodo.js
import React from 'react'
import { connect } from 'react-redux'
import { addTodo } from '../actions'
let AddTodo = ({ dispatch }) => {
let input
return (
<div>
<form onSubmit={e => {
e.preventDefault()
if (!input.value.trim()) {
return
}
dispatch(addTodo(input.value))
input.value = ''
}}>
.......
Почему он не получил this.pros.store
, а просто вызвал функцию dispatch()?
EDIT: Как извлечь dispatch
из this.pros
. Разве это не объект this.pros.store
? и в этом случае, почему бы нам просто не извлечь store
?
Спасибо.