J'ai ce qui suit: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"...
J'ai des données appelées stations qui sont un tableau contenant des objets. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Je voudrais rendre un composant d'interface utilisateur pour chaque position de tableau. Jusqu'ici je peux écrire var stationsArr =...
Je crée un formulaire dans React Native et je voudrais rendre mon TextInputs 80% de la largeur de l'écran. Avec HTML et CSS ordinaire, ce serait simple: input { display: block; width: 80%; margin: auto; } Sauf que React Native ne prend pas en charge la displaypropriété, les largeurs en pourcentage...
Je veux créer un composant React déplaçable (c'est-à-dire repositionnable à la souris), qui semble nécessairement impliquer des gestionnaires d'événements globaux et dispersés. Je peux le faire à la manière sale, avec une variable globale dans mon fichier JS, et pourrais probablement même...
J'écris juste pour entrer du texte et en onChangecas d'appels setState, React réaffiche mon interface utilisateur. Le problème est que l'entrée de texte perd toujours un focus, donc je dois le concentrer à nouveau pour chaque lettre: D. var EditorContainer = React.createClass({ componentDidMount:...
Disons que j'ai une liste d'objets simples dans mon this.state.listque je peux ensuite utiliser pour rendre une liste d'enfants. Quelle est alors la bonne façon d'insérer un objet dans this.state.list? Voici la seule façon dont je pense que cela fonctionnera car vous ne pouvez pas muter...
Lors de la soumission d'un formulaire, j'essaie de doSomething()remplacer le comportement de publication par défaut. Apparemment, dans React, onSubmit est un événement pris en charge pour les formulaires. Cependant, lorsque j'essaye le code suivant: var OnSubmitTest = React.createClass({ render:...
J'utilise déjà les fonctionnalités ECMAScript 6 et ECMAScript 7 (grâce à Babel) dans mes applications - mobiles et Web. La première étape était évidemment les niveaux ECMAScript 6. J'ai appris de nombreux modèles asynchrones, les promesses (qui sont vraiment prometteuses), les générateurs (je ne...
Quelque chose d'aussi simple devrait être facilement accompli, mais je m'arrache les cheveux en raison de sa complexité. Tout ce que je veux faire, c'est animer le montage et le démontage d'un composant React, c'est tout. Voici ce que j'ai essayé jusqu'à présent et pourquoi chaque solution ne...
Je suis nouveau dans la bibliothèque React.js et je passais en revue certains des tutoriels et je suis tombé sur: this.setState this.replaceState La description donnée n'est pas très claire (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState'...
J'avais construit un site Web avec React.js et webpack . Je veux utiliser les polices Google dans la page Web, j'ai donc mis le lien dans la section. Polices Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Et définissez CSS body{ font-family:...
Je suis nouveau sur ReactJs. Voici mon code: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
J'essaie de faire un SIMPLE en utilisant react-router ( version ^ 1.0.3 ) pour rediriger vers une autre vue et je suis juste fatigué. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = {...
Je suis très nouveau dans Webpack, j'ai trouvé que dans la version de production, nous pouvons réduire la taille du code global. Actuellement, Webpack génère environ 8 Mo de fichiers et main.js environ 5 Mo. Comment réduire la taille du code en production? J'ai trouvé un exemple de fichier de...
avant de poster cette question, j'ai essayé de rechercher dans sqa stackexchange mais je n'ai trouvé aucun article sur shallow et rendu là-bas, donc j'espère que quelqu'un pourra m'aider ici. Quand dois-je utiliser le rendu peu profond pour tester les composants de réaction? Sur la base de la...
J'essaie de créer un formulaire simple avec react, mais je suis confronté à des difficultés pour que les données soient correctement liées à la valeur par défaut du formulaire. Le comportement que je recherche est le suivant: Lorsque j'ouvre ma page, le champ de saisie de texte doit être rempli...
J'ai deux composants: Composant parent à partir duquel je veux changer l'état du composant enfant: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button>...
En gros, j'ai un composant de réaction, son render()corps de fonction est comme ci-dessous: (C'est mon idéal, ce qui signifie qu'il ne fonctionne pas actuellement) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage)...
Voici mon projet: https://github.com/kenpeter/my_hak_news , qui est une copie directe de https://github.com/grigio/HAgnostic-News . Clonez Git https://github.com/kenpeter/my_hak_news , puis exécutezreact-native run-android Vous avez cette erreur: * What went wrong: Execution failed for task...
Je suis nouveau dans ReactJS et je souhaite importer des images dans un composant. Ces images sont à l'intérieur du dossier public et je ne sais pas comment accéder au dossier depuis le composant react. Des idées ? ÉDITER Je souhaite importer une image dans Bottom.js ou Header.js Le dossier de...