La programmation reactjs

6

Comment écouter les changements d'état dans react.js?

Quel est l' équivalent de la fonction $ watch angulaire dans React.js? Je veux écouter les changements d'état et appeler une fonction comme getSearchResults (). componentDidMount: function() { this.getSearchResults(); }

143 javascript reactjs

11

Entrée typographique onchange event.target.value

Dans ma réaction et l' application tapuscrit, je l' utilise: onChange={(e) => data.motto = (e.target as any).value}. Comment définir correctement les typages de la classe, pour ne pas avoir à me frayer un chemin dans le système de types avec any? export interface InputProps extends React.HTMLProps<Input> { ... } export …

143 reactjs typescript types typescript-typings

3

Comment utiliser la méthode du cycle de vie getDerivedStateFromProps par opposition à componentWillReceiveProps

Il semble componentWillReceivePropsqu'il sera complètement éliminé dans les prochaines versions, au profit d'une nouvelle méthode de cycle de vie getDerivedStateFromProps: static getDerivedStateFromProps () . Après inspection, il semble que vous ne puissiez plus faire une comparaison directe entre this.propset nextProps, comme vous pouvez le faire componentWillReceiveProps. Y a-t-il un moyen …

142 javascript reactjs lifecycle

11

React.js: identification de différentes entrées avec un seul gestionnaire onChange

Curieux de savoir quelle est la bonne façon d'aborder cela: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = …

142 javascript reactjs jsx

9

Violation invariante: impossible de trouver «magasin» dans le contexte ou dans les accessoires de «Connect (SportsDatabase)»

Code complet ici: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Salut, J'ai une application où il montre différents modèles pour ordinateur de bureau et mobile en fonction de l'environnement de construction. Je parviens à le développer là où je dois masquer le menu de navigation de mon modèle mobile. en ce moment, je suis capable d'écrire …

142 reactjs mocha redux

10

Qu'est-ce que Virtual DOM?

Récemment, j'ai regardé le framework React de Facebook . Il utilise un concept appelé "le DOM virtuel", que je n'ai pas vraiment compris. Qu'est-ce que le DOM virtuel? Quels sont les avantages?

141 javascript reactjs

6

Comment charger des fichiers image avec le chargeur de fichiers Webpack

J'utilise webpack pour gérer un projet reactjs . Je souhaite charger des images en javascript par webpack file-loader. Voici le webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = …

141 javascript reactjs webpack

6

Méthode parente d'appel ReactJS

Je fais mon premier pas dans ReactJS et j'essaie de comprendre la communication entre les parents et les enfants. Je crée un formulaire, j'ai donc le composant pour styliser les champs. Et aussi j'ai un composant parent qui inclut le champ et le vérifie. Exemple: var LoginField = React.createClass({ render: …

140 javascript reactjs

4

React conserve-t-il l'ordre des mises à jour d'état?

Je sais que React peut effectuer des mises à jour d'état de manière asynchrone et par lots pour l'optimisation des performances. Par conséquent, vous ne pouvez jamais faire confiance à l'état à mettre à jour après avoir appelé setState. Mais pouvez - vous faire confiance Réagir à mettre à jour …

140 javascript reactjs state setstate

8

L'utilisation d'Async componentDidMount () est-elle bonne?

L'utilisation en componentDidMount()tant que fonction asynchrone est-elle une bonne pratique dans React Native ou dois-je l'éviter? J'ai besoin d'obtenir des informations sur AsyncStoragele montage du composant, mais le seul moyen que je connaisse pour rendre cela possible est de rendre la componentDidMount()fonction asynchrone. async componentDidMount() { let auth = await …

139 reactjs asynchronous react-native

15

Comment utiliser les refs dans React avec Typescript

J'utilise Typescript avec React. J'ai du mal à comprendre comment utiliser les refs pour obtenir un typage statique et un intellisense par rapport aux nœuds de réaction référencés par les refs. Mon code est le suivant. import * as React from 'react'; interface AppState { count: number; } interface AppProps …

139 reactjs typescript

8

Comment faire fonctionner Django et ReactJS ensemble?

Nouveau sur Django et encore plus récent sur ReactJS. J'ai étudié AngularJS et ReactJS, mais j'ai choisi ReactJS. Il semblait qu'il était en train de devancer AngularJS en termes de popularité malgré qu'AngularJS ait plus de part de marché, et ReactJS serait plus rapide à récupérer. Tout cela mis à …

138 django reactjs

8

Lire l'URL complète actuelle avec React?

Comment obtenir l'URL complète à partir d'un composant ReactJS? Je pense que ça devrait être quelque chose comme this.props.locationmais ça l'estundefined

138 reactjs

12

TypeScript et React - type enfants?

J'ai un composant fonctionnel très simple comme suit: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Et un autre composant: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout …

138 reactjs typescript jsx typescript2.0

9

Passer les accessoires dans Link react-router

J'utilise react avec react-router. J'essaye de passer la propriété dans un "lien" de react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( …

137 javascript reactjs react-router

Questions marquées «reactjs»