Comment envoyer GET/POST demandes à l'aide d'exprimer et de réagir routeur?

J'ai actuellement express mis en place pour servir une page html statique où mon réagir composants de montage. Je suis aussi à l'aide de réagir routeur, car j'ai imbriqué routes. Par exemple:

J'ai une Application composant (contour vert). Dans ce composant, je suis rendu un composant d'en-Tête (orange contour) et un Pied de page composant (contour rouge) et en passant un Examen de la composante (contour bleu) par le biais de ce.accessoires de jeu.les enfants.

Mon server.js fichier (express):

const express = require('express');

const app = express();

app.use(express.static('dist'));

const PORT = process.env.PORT || 3000;

app.listen(PORT, function() {
  console.log(`Listening on port ${PORT}...`);
});

Mon routes.js fichier (réaction de-routeur):

import React from 'react';
import ReactRouter, {
  Router,
  Route,
  browserHistory,
  IndexRoute,
} from 'react-router';

import App from '../components/App';
import Home from '../components/Home';
import Review from '../components/Review';
import Game from '../components/Game';

const routes = (
  <Router history={browserHistory}>
    <Route path="/" component={App} >
      <IndexRoute component={Home} />
      <Route path="/game/:id" component={Game} />
      <Route path="/game/:id/review" component={Review} />
      <Route path="*" component={Home} />
    </Route>
  </Router>
);

export default routes;

Ma question est, je veux être en mesure de faire des GET/POST requêtes (GET de le Jeu pour afficher tous les commentaires à partir d'une base et de POST pour créer une nouvelle révision à partir de l'Examen de la composante), mais où ça? Je ne peux pas dire si c'est pour arriver dans mes voies express, car il me semble que tous les express est fait, c'est le rendu de la page html statique et ensuite réagir-routeur prend ensuite le relais avec la manipulation de composants à afficher.

Toute aide est grandement appréciée.

Un peu de chance avec ça? Comment pouvons-nous accéder au POSTE params de réagir de composants sur les lignes de l'emplacement.requête pour OBTENIR l'accès params?

OriginalL'auteur hidace | 2016-04-16

Pour la GET demande, vous pouvez charger des données initiales dans une fonction distincte, que de charger des données dans une fois que le composant est monté à l'aide d' componentDidMount comme suit:

class Game extends React.Component {  
  constructor() {
    this.state = { data: [] }
  }

  loadCommentsFromServer() {
    $.ajax({
       ....
      }
    });
  }

  componentDidMount() {
    this.loadCommentsFromServer();
    setInterval(this.loadCommentsFromServer, this.props.pollInterval);
  }
}

Vous pouvez le faire simplement une autre fonction pour le POST.

OriginalL'auteur JordanHendrix

0

Je veux juste partager mon expérience, j'espère que ça aide. Je ne suis jamais à faire une demande de Réagir sur la Route bien qu'il peut. Donc, je préfère effectuer cette action à l'intérieur de ce composant lui-même sur componentDidMount() méthode, dans votre cas, il sera sur le Jeu de composants.

Mon compte est de créer un composant réutilisable, surtout si le composant est dépend de la demande. L'avantage lorsque vous êtes à la mise en œuvre de la demande à l'intérieur du composant est votre composant va automatiquement appeler à la demande lorsqu'il mont, où que vous soyez montage du composant sur la route.

Se réfère à mon expérience, vous pouvez également faire une demande sur le serveur demande, car il y a des conditions particulières qui ont besoin d'effectuer un traitement de la demande du côté serveur. Telles que la manipulation de la Croix-Origin Resource sharing (SCRO) problème lors de la demande d'API publique de côté client, la demande d'authentification de la manutention, comme à l'aide d'OAuth, et plus encore.

Si vous êtes à la demande est assez simple, je pense que la demande à l'intérieur du composant est suffisant.
Espérons que cela aide. Merci

OriginalL'auteur mirza.adipradhana

Vous devez vous connecter pour publier un commentaire.