Я пытаюсь передать сообщение об успехе моему компоненту Dashboard, когда я регистрирую нового пользователя с помощью метода Axios POST. Мне удалось передать свои пользовательские данные через консольный журнал в компоненте Dashboard, однако я не могу правильно установить состояние и передать пользовательское сообщение об успешном завершении регистрации. Любая помощь будет высоко ценится.
Мне удалось консольно записать в журнал объект userData, но мне не удалось установить состояние и передать пользовательское сообщение.
***** Это мой код для запуска сообщения axios в API, состояние которого вызывает «необработанное отклонение (TypeError): невозможно прочитать свойство« данные »из неопределенного» в моем отдельном компоненте Dashboard.
export const adminRegisterUser = (userData, history) => dispatch => {
axios
.post("/api/users/adminregister", userData)
.then(res => {
history.push("/dashboard")
this.setState({ message: "Message sent successfully." });
}) // Re-direct to dashboard on successful register and push a message confirming the registration.
.catch(err =>
dispatch({
type: GET_ERRORS,
payload: err.response.data
})
);
};
***** Это код компонента Dashboard для получения состояния и отображения сообщения об успехе.
render() {
return (
<div style={{ width: "100%", backgroundColor: "#fff" }}className="valign-wrapper">
<LoginNav />
// Note that a console.log(userData) will output the userData here
<div>{this.state.message}</div>
<div className="row">
<div className="col s6">
<Chart />
</div>
<div className="col s6">
<LineChart />
</div>
</div>
</div>
);
}