Итак, я пытаюсь подключить избыточность к реактивам для хранения некоторой информации о компоненте, на который нажали. После щелчка по определенному компоненту хранилище редуксов обновляется, и я хотел, чтобы оно проверило хранилище перед рендерингом для следующей страницы. Я могу подтвердить, что состояние обновляется данными, но когда я использую mapStateToProps, состояние является функцией отправки, а не данными?
Контейнер ConnectedRequestInformation.js
import { connect } from "react-redux";
import requestInformationComponent from "../components/pages/pipeline/requestInformation";
const mapStateToProps = (state) => {
console.log(state)
return {typeOfRequest: state.typeOfRequest}
}
export default connect(
() => ({}),
mapStateToProps
)(requestInformationComponent);
RequestInformationComponent
import React from "react";
import { Container, Header } from "semantic-ui-react";
import DynamicFormComponent from "../../helpers/DynamicForm"
export const requestInformation = (typeOfRequest) => (
<div>
<DynamicFormComponent requestType={typeOfRequest}/>
</div>
);
export default requestInformation
Это выводит консольный журнал из контейнера.
function dispatch(action) {
if (!isPlainObject(action)) {
throw new Error('Actions must be plain objects. ' + 'Use custom middleware for async actions.');
}
if (typeof action.type === 'undefined') {
throw new Error('Actions may not have an undefined "type" property. ' + 'Have y
ou misspelled a constant?');
}
if (isDispatching) {
throw new Error('Reducers may not dispatch actions.');
}
try {
isDispatching = true;
currentState = currentReducer(currentState, action);
} finally {
isDispatching = false;
}
var listeners = currentListeners = nextListeners;
for (var i = 0; i < listeners.length; i++) {
var listener = listeners[i];
listener();
}
return action;
}