Javascript 反应/重复:可以';将状态传递给组件,包装器完全处于非活动状态

Javascript 反应/重复:可以';将状态传递给组件,包装器完全处于非活动状态,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我正在React with Redux中工作,试图通过包装器使用MapStateTrops将我的初始状态传递给组件,但是,没有任何东西能够传递到组件以用作道具组件中状态的控制台日志返回未定义,并且包装器本身没有可见的控制台日志 我已将存储、还原、操作和初始状态放在主index.js文件中,以查看发生了什么,但我无法找出为什么什么都没有通过 以下是指向包含项目的沙箱的链接: 在此代码行中,您使用的是解构赋值 const mapStateToProps = ({ state }) => {

我正在React with Redux中工作,试图通过包装器使用
MapStateTrops
将我的初始状态传递给组件,但是,没有任何东西能够传递到组件以用作
道具
组件中状态的控制台日志返回
未定义
,并且包装器本身没有可见的控制台日志

我已将
存储、还原、操作
初始状态
放在主index.js文件中,以查看发生了什么,但我无法找出为什么什么都没有通过

以下是指向包含项目的沙箱的链接:

在此代码行中,您使用的是解构赋值

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);

您还应该检查是否使用了正确的“连接”组件。在App.js中,是否正确导入了启动组件?我对其进行了更改,使其不再解构,但仍然得到错误
TypeError:无法访问属性“map”,玩家未定义
,因此状态被传递到Start now,但未传递到PlayerList。您的导入语句错误,例如,在Start.js中,您从“./PlayerList/PlayerList”导入
导入PlayerList但它应该是
从“./PlayerList/index”导入PlayerList
Personnaly我不使用两个单独的文件,而是将index.js的内容放在PlayerList.js中
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);