javascript - ./src/App.js 'store' 中的错误未定义

Question

正在尝试学习本教程 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 的访问权限。它不起作用。

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

完整的错误信息-

编译失败。

./src/App.js 中的错误

c:\Sites\react_frontend\django-frontend\src\App.js

14:11 警告“onClick”被分配了一个值但从未使用过 no-unused-vars

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

✖ 2 个问题(1 个错误，1 个警告)

Answer 1

本教程不是很好 - 缺少很多东西。

上一步有以下行:

const store = createStore(reducer);