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.

13
ReactJS - Comment utiliser les commentaires?
Comment puis-je utiliser des commentaires dans la renderméthode dans un composant React? J'ai le composant suivant: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // …
4
Comment accéder à un élément DOM dans React? Quel est l'équivalent de document.getElementById () dans React
Comment sélectionner certaines barres dans react.js? Voici mon code: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { completed = …
19
Obtenir des données de formulaire dans ReactJS
J'ai une forme simple dans ma renderfonction, comme ceci: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } Que dois-je écrire dans mon handleLogin: …
7
React vs ReactDOM?
Je suis un peu nouveau pour réagir. Je vois que nous devons importer deux choses pour commencer, Reactet ReactDOM, quelqu'un peut-il expliquer la différence. Je lis la documentation de React , mais cela ne dit pas.
197 reactjs  react-dom 
4
Puis-je envoyer une action dans le réducteur?
est-il possible d'envoyer une action dans un réducteur lui-même? J'ai une barre de progression et un élément audio. L'objectif est de mettre à jour la barre de progression lorsque l'heure est mise à jour dans l'élément audio. Mais je ne sais pas où placer le gestionnaire d'événements ontimeupdate, ni comment …
196 reactjs  redux  reducers 
1
Validation de prop React pour les objets de date
Quelle est la manière actuellement préférée de valider un Dateaccessoire dans React? En ce moment, j'utilise: React.PropTypes.object Ceci, cependant, échoue maintenant à la règle de lint interdit-prop-types . Dois-je utiliser un shapeou y a-t-il un meilleur moyen?
196 reactjs 
4
Quand utiliser le rappel de setState de React
Lorsqu'un état de composant de réaction change, la méthode de rendu est appelée. Par conséquent, pour tout changement d'état, une action peut être effectuée dans le corps des méthodes de rendu. Existe-t-il alors un cas d'utilisation particulier pour le rappel setState?
4
Comment valider les PropTypes d'un objet imbriqué dans ReactJS?
J'utilise un objet de données comme accessoire pour un composant dans ReactJS. <Field data={data} /> Je sais qu'il est facile de valider l'objet PropTypes lui-même: propTypes: { data: React.PropTypes.object } Mais que faire si je veux valider les valeurs à l'intérieur? c'est à dire. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...
191 reactjs 
3
Composant sans état fonctionnel React, PureComponent, Component; quelles sont les différences et quand devons-nous utiliser quoi?
J'ai appris qu'à partir de React v15.3.0 , nous avons une nouvelle classe de base appelée PureComponent à étendre avec PureRenderMixin intégré. Ce que je comprends, c'est que, sous le capot, cela utilise une comparaison superficielle des accessoires à l'intérieur shouldComponentUpdate. Nous avons maintenant 3 façons de définir un composant …
13
Comment obtenir la valeur d'un champ de saisie en utilisant ReactJS?
J'ai le composant React suivant: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c) => this.title = c} name="title" /> ... </form> ... <button type="button" onClick={this.onSubmit} className="btn">Save</button> ... ); } }; La …
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.