Questions marquées «reactjs»

React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript développée par Facebook pour créer des interfaces utilisateur. Il utilise un paradigme déclaratif basé sur les composants et vise à être à la fois efficace et flexible.

8
Comment obtenir le premier nombre N d'éléments d'un tableau
Je travaille avec Javascript (ES6) / FaceBook et essaie d'obtenir les 3 premiers éléments d'un tableau dont la taille varie. Je voudrais faire l'équivalent de Linq take (n). Dans mon fichier Jsx, j'ai les éléments suivants: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); }); …
15
Réagir au code «après rendu»?
J'ai une application où je dois définir la hauteur d'un élément (disons "contenu de l'application") dynamiquement. Il prend la hauteur du «chrome» de l'application et la soustrait, puis définit la hauteur du «contenu de l'application» pour s'adapter à 100% à ces contraintes. C'est super simple avec les vues vanilla JS, …
14
React - modification d'une entrée non contrôlée
J'ai un composant react simple avec la forme qui je pense avoir une entrée contrôlée: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form className="add-support-staff-form"> <input name="name" type="text" value={this.state.name} onChange={this.onFieldChange('name').bind(this)}/> </form> ) } onFieldChange(fieldName) { return …
6
Qu'est-ce que mapDispatchToProps?
Je lisais la documentation de la bibliothèque Redux et elle a cet exemple: En plus de lire l'état, les composants de conteneur peuvent envoyer des actions. De la même manière, vous pouvez définir une fonction appelée mapDispatchToProps()qui reçoit la dispatch()méthode et renvoie les accessoires de rappel que vous souhaitez injecter …
27
Comment ajouter plusieurs classes à un composant ReactJS
Je suis nouveau sur ReactJS et JSX et j'ai un petit problème avec le code ci-dessous. J'essaie d'ajouter plusieurs classes à l' classNameattribut sur chacune li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mon composant React est: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) …
30
Violation invariante: les objets ne sont pas valides en tant qu'enfant React
Dans la fonction de rendu de mon composant, j'ai: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> ); } tout se passe bien, cependant en cliquant sur le <li> élément, je …
16
Naviguer par programme en utilisant Reactor V4
Je viens de remplacer la react-routerv3 en v4. Mais je ne sais pas comment naviguer par programmation dans la fonction membre de a Component. c'est-à-dire dans la handleClick()fonction que je veux naviguer après /path/some/whereavoir traité certaines données. Je le faisais par: import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') Mais je …
19
React Js appliquant conditionnellement des attributs de classe
Je veux afficher et masquer ce groupe de boutons de manière conditionnelle en fonction de ce qui est passé du composant parent qui ressemble à ceci: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() …
6
Pourquoi l'appel de la méthode react setState ne mute pas l'état immédiatement?
Je lis la section Formulaires dereactjsdocumentation et vient d'essayer ce code pour démontrer l' onChangeutilisation ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input type="text" value={this.state.value} …
11
ReactJS Deux composants communiquent
Je viens de commencer avec ReactJS et je suis un peu coincé sur un problème que j'ai. Mon application est essentiellement une liste avec des filtres et un bouton pour changer la mise en page. En ce moment , j'utilise trois composantes: <list />, < Filters />et <TopBar />, maintenant …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.