Я нарушаю пример Redux, чтобы попытаться понять его. Я читал, что mapDispatchToProps
позволяет вам отображать действия отправки в качестве реквизита, поэтому я подумал о переписывании addTodo.js
для использования mapDispatchToProps вместо вызова dispatch (addTodo()). Я назвал его addingTodo()
. Что-то вроде этого:
import React from 'react';
import {connect} from 'react-redux';
import addTodo from '../actions';
let AddTodo = ({addingTodo}) => {
let input;
return (
<div>
<form onSubmit={e => {
e.preventDefault()
if (!input.value.trim()) {
return
}
addingTodo(input.value)
input.value = ""
}}>
<input ref={node => {
input = node
}} />
<button type="submit">Submit</button>
</form>
</div>
)
}
const mapDispatchToProps = {
addingTodo: addTodo
}
AddTodo = connect(
mapDispatchToProps
)(AddTodo)
export default AddTodo
Однако, когда я запускаю приложение, я получаю эту ошибку: Error: Invalid value of type object for mapStateToProps argument when connecting component AddTodo.
, Я никогда не использовал mapStateToProps
чтобы начать с компонента AddTodo, поэтому я не был уверен, что случилось. У меня возникает ощущение, что connect()
ожидает, что mapStateToProps
будет предшествовать mapDispatchToProps
.
Рабочий оригинал выглядит так:
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 = ""
}}>
<input ref={node => {
input = node
}} />
<button type="submit">Submit</button>
</form>
</div>
)
}
AddTodo = connect()(AddTodo)
export default AddTodo
Полное репо можно найти здесь.
Поэтому мой вопрос: возможно ли делать mapDispatchToProps без mapStateToProps? Я пытаюсь сделать приемлемую практику - если нет, почему бы и нет?