我使用Redux在React中工作,并试图通过包装器将我的初始状态传递给使用mapStateToProps
的组件,但没有任何东西能够传递给用作prop
的组件。组件中状态的控制台日志返回undefined
,包装器本身没有可见的控制台日志。
我把store, reducer, action
和initial state
放在了主index.js文件中,想看看发生了什么,但我不明白为什么什么都没有通过。
这里有一个链接到包含项目的沙箱:
https://codesandbox.io/s/fast-night-e535o
import { connect } from "react-redux";
import PlayerList from "./PlayerList";
const mapStateToProps = ({ state }) => {
console.log(state);
console.log(1);
return;
state;
};
export default connect(mapStateToProps)(PlayerList);
在这段代码的行中,您使用的是析构函数赋值
const mapStateToProps = ({ state }) => {
({state}(正在第一个参数中查找元素状态,您应该删除{}(在您的redux状态中没有元素状态(
此外,您不退还任何东西。
你的代码应该是这样的:
import { connect } from "react-redux";
import PlayerList from "./PlayerList";
const mapStateToProps = ( state) => {
console.log(state);
console.log(1);
return state;
};
export default connect(mapStateToProps)(PlayerList);