код после отправки() не выполняется

Question

Я некоторый код, который выглядит следующим образом:

Reducer:

const foo = (bar) => { 
    console.log("here"); 
    return { 
    type: "FOO", 
    bar 
    } 
} 

Внутри Render() контейнера

console.log(1); 
console.log(this.props.dispatch); 
console.log(foo); 
this.props.dispatch(foo(
    {a: 1, b: 2} 
)); 
console.log(2); 

Выход, который я вижу в Хром, составляет:

1 
<dispatch function> 
<my foo reducer function> 
here 

Обратите внимание, что отсутствует 2. У меня нет ошибок, нет перенаправления, нет ничего. Выполнение кода просто прекращается после вызова dispatch().

Любые предложения, как я мог отлаживать это или идеи, в чем проблема?

Answer 1

Для записи :)

Вы не можете позвонить dispatch() в render().

(Потому что если вы это сделаете, ваши реквизиты будут обновлены, поэтому в середине текущего будет вызван новый рендеринг. Это будет либо зависание (ожидание), либо бесконечная рекурсия. повесьте трубку!)