reagieren Fehler in ./src/App.js 'speichert'

Question

nicht definiert ist, die auf diesem tutorial 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); 

entsprechend die Videodatei zu folgen, durch die einführenden connect function und definieren mapStateToProps wir erhalten Zugang zu speichern. es funktioniert nicht.

auch der Code im Video unterscheidet sich von dem Code in der Anleitung. Also an diesem Punkt bin ich nicht sicher, ob ich etwas falsch mache, oder ob dieser Leitfaden einfach schlecht ist. Kann jemand einen besseren Leitfaden zum Lernen vorschlagen?

vollständige Fehlermeldung-

Fehler beim Kompilieren.

Fehler bei ./src/App.js

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

14:11 Warnung 'onClick' zugewiesen wird Wert aber nie no-unbenutzter vars verwendet

14:27 Fehler 'Store' wird

✖ 2 Probleme no-undef nicht definiert (1 Fehler, 1 Warnung)

Answer 1

Dieses Tutorial ist nicht sehr gut - ein Viele Dinge fehlen.

Ein vorheriger Schritt hatte die folgende Zeile:

const store = createStore(reducer); 

Answer 2

ich auch für mich Thinkster und die Linie unten gearbeitet verwenden. Ich habe festgestellt, dass das leere Objekt nicht benötigt wird.

export default connect(mapStateToProps)(App); 

Ich stimme Ihnen zu, dass das reactive Redux-Tutorial ziemlich schlecht gemacht ist. Ich fand heraus, dass die Backend-Tutorials (Express und Mongo) viel zusammenhängender waren als das Frontend. Die Tutorials waren gut miteinander verbunden und jeder begann dort, wo der andere aufhörte.