Как передать реквизит в представлении к реактивному компоненту, связанному с редуксом?

Question

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

код здесь: https://codesandbox.io/s/paginate-redux-test-tqi5d

      <Provider store={store}>

          <div className="row text-center">
            <Paginate mode="search" />
          </div>

          <div className="row text-center">
            <Paginate mode="report" />
          </div>

      </Provider>

внутри вида. js = не определено

      console.log(props.mode);

Answer 1

Проверьте это https://codesandbox.io/s/paginate-redux-test-694ev

Причина, по которой ваши переданные реквизиты для Paginate компонента не отображаются, заключается в том, что вы используете mergeProps при подключении компонента. В этом случае вы должны явно передать ownProps (третий параметр функции mergeProps) возвращаемому объекту.

https://github.com/reduxjs/react-redux/blob/master/docs/api/connect.md#mergeprops -stateprops-dispatchprops-ownprops - объект