React/Redux:无法将状态传递给组件,包装器完全不活动



我使用Redux在React中工作,并试图通过包装器将我的初始状态传递给使用mapStateToProps的组件,但没有任何东西能够传递给用作prop的组件。组件中状态的控制台日志返回undefined,包装器本身没有可见的控制台日志。

我把store, reducer, actioninitial 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);

相关内容

  • 没有找到相关文章

最新更新