Je demande des données météorologiques d'Openweather API et je reçois "erreur SyntaxError: fin inattendue de l'entrée JSON à Object.parse ()" chaque fois que ma promesse est résolue et je fais JSON.pase (daat) Le JSON I get ressemble à ceci: { "coord":{"lon":24.94,"lat":60.17}, "weather":[{"id":741,"main":"Fog","description":"fog","icon":"50n"}], "base":"stations", "main":{"temp":273.15,"pressure":994,"humidity":94,"temp_min":273.15,"temp_max":273.15}, "visibility":500, "wind":{"speed":1.5}, "clouds":{"all":90}, "dt":1489872000, "sys":{"type":1,"id":5019,"message":0.4444,"country":"FI","sunrise":1489811101,"sunset":1489854738}, "id":658225, "name":"Helsinki", "cod":200 } Et il […]
Je développe l'interface utilisateur d'une application et j'explore la mise à jour de l'interface utilisateur sans avoir à utiliser les États. Est-ce que l'assertion suivante serait cruellement correcte? «Nous n'avons pas besoin d'États, car tout est en train d'appeler la méthode de rendu automatiquement sur le composant lorsque quelque chose dans l'état change. Nous pouvons […]
J'essaie d'apprendre les réactions en créant des applications simples. Je pensais avoir pensé aux bases, jusqu'à ce que je me suis retrouvé dans une situation où j'utilise .bind. J'essaie de faire une petite liste qui, une fois cliquée, supprime l'élément de la liste cliquée. La logique derrière elle n'est pas encore mise en œuvre alors […]
J'ai un ensemble d'objets comme suit: let cars = [ {"id":20,"mileage":41300,"make":"Golf", initialRegistration:"09/02/2010"}, {"id":21,"mileage":51300,"make":"Passat", initialRegistration:"06/04/2012"}, {"id":22,"mileage":61300,"make":"Audi", initialRegistration:"02/01/2018"}, {"id":23,"mileage":20300,"make":"Touran", initialRegistration:"17/09/2013"}, {"id":24,"mileage":10300,"make":"Polo", initialRegistration:"26/07/2014"} ]; Et je veux le trier par initialRegistration . J'ai essayé de le faire comme suit: let sortedCars = cars.sort((a, b) => Date.parse(a.initialRegistration) – Date.parse(b.initialRegistration)); let sortedCars1 = cars.sort((a, b) => new Date(a.initialRegistration) – new […]
Comment puis-je imprimer un seul composant en cliquant sur un bouton. Je connais cette solution: window.frames["print_frame"].window.focus(); window.frames["print_frame"].window.print(); $('.print_frame').remove(); Mais React ne veut pas travailler avec un cadre. Des solutions? Je vous remercie.
Existe-t-il un moyen plus facile d'accéder à l'objet Router d'un composant pour faire des choses comme call transitionTo() sans utiliser le Mixin Navigation? Il s'agit d'un composant ES6. Actuellement sur un événement comme un clic de bouton, j'ai écrit quelque chose comme ceci: class Button extends React.Component { handleClick(e) { e.preventDefault(); var router = this._reactInternalInstance._context.router; […]
Existe-t-il un code source ouvert ou des exemples qui tentent de mettre en cache les composants React rendus sur memcached ou quelque chose de similar? Quiconque a déjà traité cela?
J'ai récemment migré de l'utilisation de Twitter-bootstrap dans les classes réactives à l'aide de réactive-bootstrap. Je voulais tester la fonction-boot-bootstrap Navbar. Mon code est comme: import React from 'react'; import { Link } from 'react-router'; import Radium from 'radium'; import Grid from 'bootstrap-grid-react'; import * as bootstrap from "react-bootstrap"; export default class Layout extends React.Component […]
Je travaille sur l'application de flux simple. J'ai une liste de messages et cette liste peut recevoir des mises à jour, qui apparaîtront sur le dessus. Le problème est sur chaque nouvelle publication. Recevoir Réacteur rétablit la liste complète des éléments. J'ai fait un exemple simple pour cela. Existe-t-il un moyen d'éviter ce comportement? J'ai […]
J'ai une page avec un formulaire rendu dans le serveur, il gère la validation et la valeur correcte pour la sélection. Je veux cacher les DOM de ce formulaire et l'ajouter dans un composant réactif afin que je puisse l'utiliser dans un routeur réactif. const NewItem = React.createClass({ render() { return ( <div> <h1>New item</h1> […]