此文件index.js
import {Provider} from 'react-redux'
import {createStore} from 'redux'
import rootReducers from './rootReducers'
const store = createStore(rootReducers)
ReactDOM.render(
<Provider store = {store}>
<App />
</Provider>,
document.getElementById('root')
);
此ID文件rootreducers.js
const todos = [
{ id: 1, name: "Khoa" },
{ id: 2, name: "Khoai" },
{ id: 3, name: "Kha" }
];
const TodoList = (state = todos, action) => {
switch (action.type) {
default:
return state
}
};
export default TodoList;
这是文件list.js
import React, { Component } from "react";
import {connect } from "react-redux";
class List extends React.Component {
render() {
console.log(this.props.todoList);
}
};
mapStateToProps = (state) => {
return {
todoList: state // err this code
};
};
export default connect(mapStateToProps, null)(List);
我正在安装react-redux和redux,但是当我编写方法mapstatetoprops时,消息:'mapStateToProps'未定义。帮帮我。
mapStateToProps只是一个对象。您需要初始化为变量,最好是const
const mapStateToProps = (state) => {
return {
todoList: state // err this code
};
};