Questions marquées «reactjs»

Il y a beaucoup de discussions sur le dernier enfant de la ville de redux en ce moment, redux-saga / redux-saga . Il utilise des fonctions de générateur pour écouter / répartir les actions. Avant d'envelopper ma tête, j'aimerais connaître les avantages / inconvénients de l'utilisation redux-sagaau...

J'ai deux composantes. Composant parent Composant enfant J'essayais d'appeler la méthode de l'enfant de Parent, j'ai essayé de cette façon mais je n'ai pas pu obtenir de résultat class Parent extends Component { render() { return ( <Child> <button

J'essaie de configurer mon React.jsapplication pour qu'elle s'affiche uniquement si une variable que j'ai définie l'est true. La façon dont ma fonction de rendu est configurée ressemble à ceci: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!'...

Je veux ajouter un élément à la fin d'un statetableau, est-ce la bonne façon de le faire? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Je crains que la modification de la baie en place avec pushpuisse causer des problèmes - est-ce sûr? L'alternative de faire...

Comment puis-je définir un itinéraire dans mon fichier routes.jsx pour capturer la __firebase_request_keyvaleur du paramètre à partir d'une URL générée par le processus d'authentification unique de Twitter après la redirection depuis leurs serveurs?

Je recherche un moyen de détecter si un événement de clic s'est produit en dehors d'un composant, comme décrit dans cet article . jQuery le plus proche () est utilisé pour voir si la cible d'un événement click a l'élément dom comme l'un de ses parents. S'il y a correspondance, l'événement click...

Dans un composant React pour un <select>menu, je dois définir l' selectedattribut sur l'option qui reflète l'état de l'application. Dans render(), le optionStateest transmis du propriétaire de l'État au composant SortMenu. Les valeurs des options sont transmises à partir propsde JSON. render:...

Je suis le tutoriel sur le site officiel de React Native. Utiliser ce qui suit pour construire mon projet: react-native run-ios Je reçois l'erreur: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun...

J'essaie d'organiser mon état en utilisant une propriété imbriquée comme ceci: this.state = { someProperty: { flag:true } } Mais la mise à jour de l'état comme ça, this.setState({ someProperty.flag: false }); ne fonctionne pas. Comment cela peut-il être fait

Je reçois cette erreur après une page d'exemple React triviale: Erreur non interceptée: violation invariante: _registerComponent (...): le conteneur cible n'est pas un élément DOM. Voici mon code: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({...

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}...

J'ai vu une discussion sur le développement de React ( Pete Hunt: React: repenser les meilleures pratiques - JSConf EU 2013 ) et le conférencier a mentionné que la vérification du modèle peut être lente. Mais le calcul de la différence entre les DOM virtuels n'est-il pas encore moins performant...

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...

Dans la version actuelle de React Router (v3), je peux accepter une réponse du serveur et l'utiliser browserHistory.pushpour accéder à la page de réponse appropriée. Cependant, ce n'est pas disponible dans la v4, et je ne sais pas quelle est la façon appropriée de gérer cela. Dans cet exemple, à...

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...

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...

Ma structure se présente comme suit: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Le composant 3 devrait afficher certaines données en fonction de l'état du composant 5. Étant donné que les accessoires sont immuables, je ne peux pas simplement enregistrer son...

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 =...

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> ); }...

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 {...