La programmation reactjs

4

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: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> …

97 javascript forms form-submit reactjs onsubmit

18

React.js - entrée perdant le focus lors du rendu

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: function () { $(this.getDOMNode()).slimScroll({height: this.props.height, distance: '4px', …

97 javascript reactjs

5

Quelle est la différence entre les promesses JavaScript et l'attente asynchrone?

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 sais pas pourquoi le symbole *), …

97 javascript asynchronous reactjs async-await promise

15

React - anime le montage et le démontage d'un seul composant

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 fonctionnera pas: …

97 animation reactjs css-animations greensock react-motion

9

Méthode recommandée pour rendre le composant / div React déplaçable

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 l'envelopper dans une belle interface de fermeture, mais …

97 javascript reactjs

4

setState vs replaceState dans React.js

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' function. De …

96 javascript frontend reactjs

11

Comment utiliser les polices Google dans React.js?

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: 'Bungee Inline', cursive; } Cependant, cela ne fonctionne pas. Comment puis-je résoudre …

96 reactjs webpack google-font-api

7

Le prop `history` est marqué comme requis dans` Router`, mais sa valeur est `undefined`. dans le routeur

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="/" component={Main}></Route> </Router>, document.getElementById('app')); et en le compilant avec webpack. J'ai également ajouté le composant principal à mes alias. …

96 reactjs react-router

2

Quand devriez-vous utiliser render et shallow dans les tests Enzyme / React?

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 documentation airbnb, …

95 testing meteor reactjs chai enzyme

6

Comment faire une redirection vers une autre route avec react-router?

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 = { router: PropTypes.func.isRequired }; constructor(props, context) { …

95 javascript reactjs

8

Webpack comment créer du code de production et comment l'utiliser

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 …

95 node.js reactjs npm webpack webpack-dev-server

5

React input defaultValue ne se met pas à jour avec l'état

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 …

94 javascript forms reactjs coffeescript 2-way-object-databinding

5

React js change l'état du composant enfant du composant parent

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> <ChildComponent /> </div> ); } } Et composant enfant : class ChildComponent extends Component …

94 javascript reactjs

7

ReactJS et images dans le dossier public

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 …

94 javascript reactjs

12

Est-il possible d'utiliser l'instruction if… else… dans la fonction de rendu React?

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) <MyImage /> else <OtherElement/> </div> ) }

94 reactjs

Questions marquées «reactjs»