Aktion innerhalb der Komponente aufrufen | Reagieren, Redux

Question

Ich habe diesen Artikel (https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3) ein paar Mal gelesen, aber ich bin immer noch unsicher, wie Sie Ihre Aktion innerhalb einer Komponente aufrufen.

Ich habe meine Aktionen und Reduzierungen richtig eingerichtet (hoffe ich), also bin ich im letzten Schritt, der Ihre Aktion verwendet. Ich weiß, dass ich zuerst meine Aktion importieren und dann connect von redux verwenden muss, um es mit dem Geschäft zu verbinden.

Ich habe dies zur Zeit in meiner Komponente:

componentDidMount() { 
    this.serverRequest = axios 
     .get('http://helloworld/customers') 
     .then(res => { 
     // Rerender state 
     this.setState({ 
      res, 
      dataToDisplay: res.data 
     }) 
     }) 
    } 

Also meine Frage ist: Wie kann ich meine Aktion innerhalb meiner Komponente verwenden?

Answer 1

Als alles andere müssen Sie den Aktionsersteller über Requisiten an Ihre Komponente übergeben. Sie können dies tun, indem Sie die react-redux-Bibliothek und die mapDispatchToProps-Funktion verwenden.

Sie möchten Ihren Aktionsersteller zuerst "binden", indem Sie ihn in eine andere Funktion einbinden, die den Dispatch für Ihren Aktionsersteller aufruft.

Ich empfehle dringend, die folgenden redux docs zu lesen, da es es ziemlich gut erklärt und auch Beispiele liefert.

http://redux.js.org/docs/basics/UsageWithReact.html#implementing-container-components