Quelqu'un peut-il me dire comment appeler une action lorsque vous modifiez l'URL de la route dans le côté réactif côté réactif côté serveur avec réac-routeur pour le routage.Modifier l'URL et appeler l'action redux pour obtenir les données dans l'application redux réagir
J'utilise browserHistory de react-router pour pousser mes entrées à url.
import React from 'react';
import { connect } from 'react-redux';
import { browserHistory } from 'react-router';
class findBirthdays extends Component {
constructor(props){
super(props);
}
openCalender(){
// here I open the date picker and let user select the date
// then I add that date in the URL as "localhost:3000/find/?date=22-02-2017"
// here I get confused as I do not know now how to dispatch the action or
// how to access url params in a specific actions after dispatching that action
}
render(){
return (
// repeating all the birthday that are available on selected date
)
}
}
const mapStateToProps = (state) => {
return {
birthdayList: state.birthdays,
};
};
export default connect(mapStateToProps)(findBirthdays);
J'ai beaucoup entrées et à chaque événement de changement d'entrée, sera l'URL et annexant qui devrait conduire à l'envoi d'une action et d'obtenir les résultats appropriés.
Je suis nouveau pour réagir et redux, donc si quelqu'un peut suggérer si cela peut être fait ou comment aborder ce problème qui serait utile. Merci les gars.
Donc, vous voulez 'dispatch' une' action' ou juste changer 'route' avec' date-query'? –
@JyothiBabuAraja Si je sélectionne la date, elle devrait être ajoutée à url et cette modification de l'url devrait envoyer l'action qui prendra les paramètres url pour un traitement ultérieur. J'ai fait l'ajouter à la partie url. J'ai besoin d'aide pour la deuxième partie. – NitinD
Vous pouvez lire les paramètres de requête url comme 'this.props.location.query.date' –