Articles of reactjs

Fin inattendue de l'entrée JSON sur Promise resolve

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 […]

Utilisation de réagir sans états

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 […]

ReactJS Impossible de lire la propriété 'bind' of indefined

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 […]

Trier le tableau par dates dans React JS

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 imprimer le composant Réagir sur un clic sur un bouton?

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.

React Router 1.0 utilisant routeur.transitionTo () sans mélange de navigation

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; […]

Réagir à la mise en cache des composants rendus

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?

Problème d'erreur de réagir-composants bootstrap

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 […]

Comment ajouter de nouveaux éléments sans re-rendering toute la liste avec React

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 […]

Comment puis-je ajouter un composant externe DOM à React?

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> […]