は./src/App.js「店の中にエラーが

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

を[ファイル] - 定義されていない反応しますmapStateToPropsを定義してstoreにアクセスします。それは動作しません。

また、動画のコードはガイドのコードとは異なります。 この時点で私は何かが間違っているのか、このガイドが悪いのか分からない。誰でも反応を学ぶためのより良いガイドを提案できますか？

フルエラーメッセージ

コンパイルに失敗しました。 ./src/App.jsで

エラー

C：\サイト\ react_frontend \ジャンゴ・フロントエンド\ SRC \ App.js

警告 'のonClick' の値が割り当てられ

午後02時11分、決して使用

午前14時27分エラー 'ストアが'

無undefを

✖2の問題点（1つのエラー、警告1）

Answer 1

このチュートリアルは非常に良好ではない定義されていない無未使用-varsはありません - 多くのものが欠けている。私もThinksterを使用していますが、下の行は、私のために働いた

const store = createStore(reducer); 

Answer 2

：

前のステップは、次の行を持っていました。私は、空のオブジェクトをまったく用意する必要がないことを発見しました。

export default connect(mapStateToProps)(App); 

私はreact reduxチュートリアルが非常にうまくいっていないことに同意します。バックエンドチュートリアル（Expressとmongo）は、フロントエンドよりもはるかに粘着的であることがわかりました。チュートリアルはうまくリンクされていて、それぞれのチュートリアルは、もう一方が終了したところから始まりました。