在./src/App.js'store'中的反应错误未定义

Posted 2021-03-27

试图按照本教程https://thinkster.io/tutorials/setting-up-react-redux/introducing-react-redux

App.js文件 -

import React from 'react';
import { connect } from 'react-redux';

const mapStateToProps = state => ({
  appName: state.appName
});

class App extends React.Component {
  render() {
    const onClick = () => store.dispatch({ type: 'TOGGLE' });
    return (
      <div>
        { this.props.appName }
      </div>
    );
  }
}

export default connect(mapStateToProps, () => ({}))(App);

根据视频，通过导入connect函数并定义mapStateToProps，我们将获得对store的访问权限。这是行不通的。

此外，视频中的代码与指南中的代码不同。所以在这一点上我不确定我是不是做错了什么，或者这个指南是不是很糟糕。任何人都可以建议更好的学习反应指南吗？

完整的错误信息 -

编译失败。

./src/App.js出错

C：网站 react_frontend Django的前端的 src App.js

14:11警告'onClick'被赋值，但从未使用过no-unused-vars

14:27错误'store'未定义no-undef

✖2个问题（1个错误，1个警告）

答案

本教程不是很好 - 很多东西都缺失了。

上一步有以下几行：

const store = createStore(reducer);

另一答案

我也在使用Thinkster，下面这一行为我工作。我发现根本不需要提供空对象。

export default connect(mapStateToProps)(App);

我同意你的看法，react redux教程做得很差。我发现后端教程（Express和mongo）比前端更具凝聚力。这些教程很好地连接在一起，每个教程都从另一个停止的地方开始。