Wie benutze ich den Versand von Redux in dieser Station?

Question

class DetailPage extends Component{ 
    constructor(props){ 
     super(props); 
     dispatch = dispatch.bind(this) 
    } 
    componentDidUpdate(){ 
     dispatch(action(data)) 
    } 
    render(){ 
     const { dispatch } = this.props; 
     return(
       <div> 
        {this.props.params.id} 
       </div> 
      ) 
    } 
} 

Ich möchte eine Aktion versenden, wenn die Komponente die Parameter vom Router aktualisiert.

Wie ist der Versand eine Funktion?

Answer 1

Sie haben auf diese Weise

this.props.dispatch(...) 

Answer 2

Sie wäre besser, eine Funktion in Requisiten zu überliefern, die den Versand rund um die Aktion Schöpfer gewickelt enthält. Dies ist ein übliches Muster bei der Verwendung von Redox mit react und wird sowohl in den react-redux Beispielen als auch in der Reduction documentation

gezeigt. Das Beispiel in der Dokumentation ist;

const mapDispatchToProps = (dispatch) => { 
    return { 
     onTodoClick: (id) => { 
      dispatch(toggleTodo(id)) 
     } 
    } 
}