Я пытаюсь настроить redux в своем реактивном проекте, и эта ошибка появляется, когда я использую функцию connect и оборачиваю ее вокруг компонента.
Я попытался просмотреть документацию и выполнилкаждый шаг, насколько мне известно, но ошибка, кажется, происходит всегда
Это скриншот ошибки
Routes.js
import {connect} from 'react-redux';
class Routes extends React.Component {
}
const mapStateToProps = (state) => {
return {
posts: state
}
}
export default connect(mapStateToProps)(Routes)
rootReducer.js
const initialState = {
posts: [
{id: 1, data: "Hello There"},
{id: 2, data: "Hello There Nav"},
{id: 3, data: "Hello There Mon"}
]
};
const rootReducer = (state = initialState, action) => {
return state;
};
export default rootReducer;
index.js
import {createStore} from 'redux';
import {Provider} from 'react-redux';
import rootReducer from './reducers/rootReducer';
const store = createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
ReactDOM.render(<Provider store={store}><Routes><App /></Routes></Provider>, document.getElementById('root'));