Как перерисовать App.js?

Question

[zlodiak]

У меня в проекте используется react-redux. В сторе хранится некоторая строковая переменная, я её меняю с внутренних страничек сайта. Проблема в том, что в App.js не видно изменение этой переменной потому что в App.js рендер отрабатывает только один раз.

Скажите пожалуйста как мне заставить App.js реагировать на изменение переменной в сторе? И вообще, хорошая ли практика многократно запускать метод render в App.js?

App.js

function App() {
    let isVisibleModal;
    store.subscribe(v => {
      isVisibleModal = store.getState().appReducer.isVisibleModal;
      console.log(isVisibleModal)
    });
  
    return (
      <BrowserRouter>
        <div className="App">
            { isVisibleModal }
        </div>
      </BrowserRouter>
    );
}

В приведённом выше коде console.log отрабатывает каждый раз при изменении переменной в сторе, но в шаблоне отображение этой переменной не изменяется

Answer 1

[Сергей Сунцев]

Забыл обернуть компонент в connect из redux