Почему AC не вызывает reducer?

Question

[Nikita Shchypylov]

Что-то не выходит вызвать reducer. Он постоянно возвращает default. Код :
AC :

import {INPUT_IDEA_HANDLE} from "./types"

export function inputIdeaHandle(idea) {
  console.log('тут еще работает, то есть экн срабатывает и записывает данных в idea');
  return {
    type: INPUT_IDEA_HANDLE,
    payload: idea
  }
}

Reducer :
index.js

import { combineReducers } from "redux";
import inputIdeaReducer from "./inputIdeaReducer.js"

export default combineReducers({
  inputIdea: inputIdeaReducer
});

inputIdeaReducer :

import {INPUT_IDEA_HANDLE} from "../actions/types"

export default function (state = null, action) {
  switch (action.type) {
    case INPUT_IDEA_HANDLE :
      console.log('тут уже нет. возвращает default и хоть ты тресни');
      return action.payload;
    default:
      console.log(2);
      return state
  }
}

Comments

[Антон Спирин]

Попробуй вывести в консоль INPUT_IDEA_HANDLE в AC и в inputIdeaReducer.
И еще выведи в консоль action перед switch.
Посмотри все ли приходит.

[Nikita Shchypylov]

Антон Спирин,

Первые три - при загрузке страницы
Последний лог - когда вызвал AC

[Антон Спирин]

Nikita Shchypylov, а почему ты не вывел INPUT_IDEA_HANDLE?
Выведи прям под импортом в обоих файлах.

У тебя там какой-то unknown action приходит и без payload.
Ты с помощью чего в приложении inputIdeaHandle вызываешь?
Видимо не вызывается.
connect используешь?

[Nikita Shchypylov]

Антон Спирин,

export const INPUT_IDEA_HANDLE = 'input_idea_handle';

Да, connect использую :)
dashboard.js

import {inputIdeaHandle} from "../actions"

<input type="text" onChange={this.changeHandle} value={this.props.inputIdea}/>
 changeHandle(e) {
    let value = e.target.value;
    inputIdeaHandle(value)
  }

[Антон Спирин]

Nikita Shchypylov, у тебя в коде точно что-то не правильно. Ты его сам писал или что-то копировал?
Не хватает полных примеров кода, чтобы понять в чем причина.
Вот что точно надо поменять:
1. inputIdeaHandle надо передать в компонент через декоратор connect:

import { connect } from 'react-redux';
import { inputIdeaHandle } from '../actions';

const mapDispatchToProps = {
  inputIdeaHandle,
};

export default connect(null, mapDispatchToProps)(Dashboard);

2. changeHandle должен быть inlineFunction:

changeHandle = e => {
  const { value } = e.target;
  this.props.inputIdeaHandle(value);
};

[Nikita Shchypylov]

Антон Спирин, ГОСПОДИ, ЧТО ЗА МАГИЯ?
Спасибо, последнее помогло. Может объяснить почему? Почему арроу работает, а через function нет?
Перенеси в ответы, отмечу решением

[Антон Спирин]

Стрелочные inline function биндятся на инстанс компонента и при передаче в другое место, в вашем случае:
onChange={this.changeHandle}
this всегда указывает на компонент в котором она определена, что не так для обычных функций класса. Ответ добавил.

Answer 1

[Антон Спирин]

Nikita Shchypylov, у тебя в коде точно что-то не правильно. Ты его сам писал или что-то копировал?
Не хватает полных примеров кода, чтобы понять в чем причина.
Вот что точно надо поменять:
1. inputIdeaHandle надо передать в компонент через декоратор connect:

import { connect } from 'react-redux';
import { inputIdeaHandle } from '../actions';

const mapDispatchToProps = {
  inputIdeaHandle,
};

export default connect(null, mapDispatchToProps)(Dashboard);

2. changeHandle должен быть inlineFunction:

changeHandle = e => {
  const { value } = e.target;
  this.props.inputIdeaHandle(value);
};