Почему не перерендеривается компонент при изменении состояния?

Question

[Verstatel3000]

Добрый день! Пытаюсь разобраться с реакт\редакс
немогу понять почему не перерисовуется компонент при изменении состояния вот в этом примере https://codesandbox.io/s/6zjx66wvxn
ведь компонент по идее должен перерисовываться в любом случае?

Answer 1

[dev null]

Ну для начала вы оборачиваете в connect App, а в провайдере используете App вне контекста редакса
https://codesandbox.io/s/8xk6p5y169
А вообще там куча проблем :)

Comments

[Verstatel3000]

положим с апом я разобрался, почему тест1 и тест2 не ререндерятся? у меня там стоит ивент на нажатие по строчке component, один множит другой делит, стейт изменяется, но компонент не ререндерится(

[Verstatel3000]

ну тоесть тут же у меня вс' правильно написано?
должно же перерисовіваться?

import React from "react";
import { connect } from "react-redux";
import { divide } from "./actions";

import "./styles.css";

const Test2 = ({ num, divide }) => {
  console.log(num, "tratata");
  return <div onClick={divide}>Component: {num}</div>;
};

const mapStateToProps = state => ({ num: state });
const mapMethodsToProps = {
  divide
};

export default connect(
  mapStateToProps,
  mapMethodsToProps
)(Test2);

[dev null]

Verstatel3000, обновите react-dom до той же версии, что и react.
P.S. и не суйте ReactDOM во все компоненты, он только в индексе у вас используется. То же самое со styles.css
P.P.S.
export const INC = "DEC";
export const DEC = "INC";
вводит в заблуждение

[Verstatel3000]

dev null, вот где собака порылась)

[dev null]

Verstatel3000, ага)) сам долго не втыкал в чём проблема

Answer 2

[Андрей Охотников]

Не перерендеривается потому что у тебя состояние не меняется, у тебя и экшены не срабатывают. Проверь как ты экшены коннектишь в компонент, они не работают

Comments

[Verstatel3000]

ну состояние меняется, и єкшені срабатывают, это видно в консоли