как отправить полезную нагрузку в редуктор и обновить объект начального состояния - PullRequest
Новая
       18

как отправить полезную нагрузку в редуктор и обновить объект начального состояния

0 голосов
/ 06 января 2019

Я пытаюсь отправить полезную нагрузку с несколькими свойствами и значениями в редуктор

Мой диспетчерский компонент типа: 

 class Example extends Component {
  render() {
   return (
    <React.Fragment>
     {//here i have a form to submit name and value}
    </React.Fragment>
   );
  } 
 }
 const mapDispatchToProps = () => {
  return dispatch => {
    dispatch({ type: 'NINJA', payload: { name: 'aaaa', value: 5 } });
   }
  };
 export default connect(null, mapDispatchToProps)(Example);

Мой редуктор: 

const intialstate = {}

const reducer = (state = intialstate, action) => {
  console.log("inside reducer");
  switch (action.type) {
    case 'NINJA':
        return {
            ...state,
            name: action.payload.name,
            value: action.payload.value
        }
  };

  return state;


}
export default reducer;

после того, как действие отменено, я получаю сообщение об ошибке:

Объекты недопустимы как дочерние элементы React (найдено: объект с ключами {имя, значение}). Если вы хотите отобразить коллекцию дочерних элементов, используйте вместо этого массив.

и помогите мне получить полный объект "initialState" со свойствами, такими как имя и значение, в другой компонент, где я их отображаю.

...