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的访问权限。它不起作用。

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

完整的错误消息 -

编译失败。

./src/App.js错误

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

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

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

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

Answer 1

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

上一步有以下一行：

val ReadDf = rawDF.withColumn("columnA", if($"columnA"=="") lit(null) else $"columnA" );

Answer 2

我也在使用Thinkster，以下系列为我工作。我发现根本不需要提供空对象。

export default connect(mapStateToProps)(App);

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

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

2 个答案: