При попытке создать простой поток-редукс, при попытке отправить событие я получаю сообщение об ошибке в mapDispatchToProps, в котором говорится, что функция, которую я объявляю: «Предупреждение: Неизвестное свойство обработчика события onProjectCreate
. Оно будет проигнорировано».
Я использую пользовательский интерфейс материала с последними библиотеками узлов / редуксов.
файл index.js:
import reducer from "./store/reducer";
const store = createStore(reducer, applyMiddleware(thunk));
const app = (
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
);
файл reducer.js
import * as actionTypes from "./actions";
const initialState = {
projects: [
{
projectName: "test",
description: "new description",
members: "joni@gmail.com",
projectType: "kanban"
}
]
};
const reducer = (state = initialState, action) => {
switch (action.type) {
case actionTypes.CREATE_PROJECT:
console.log(action.title);
return {
...state,
projects: {
...state.projects
}
};
default:
return state;
}
};
export default reducer;
файл actions.js
export const CREATE_PROJECT = 'CREATE_PROJECT';
, где я использую этот
import { connect } from "react-redux";
import * as actionTypes from "../../../../store/actions";
/ simplified component
return (
<Grid item xs={12}>
<Button
onClick={onProjectCreate}
variant="contained"
color="primary"
className={classNames(classes.button, classes.paddingExtra)}
>
Create
</Button>
</Grid>
)
const mapStateToProps = state => {
return {
projects: state.projects
};
};
const mapDispatchToProps = dispatch => {
return {
onProjectCreate: () => dispatch({ type: actionTypes.CREATE_PROJECT })
};
};
export default connect(
mapStateToProps,
mapDispatchToProps
)(withStyles(styles)(NewProjectDialog));
Есть ли у вас какие-либо идеи о том, что может происходить?Я часами пытался решить эту проблему.Спасибо.