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...
Avertissement: un composant modifie une entrée non contrôlée de type texte à contrôler. Les éléments d'entrée ne doivent pas passer de non contrôlés à contrôlés (ou vice versa). Décidez entre l'utilisation d'un élément d'entrée contrôlé ou non contrôlé pendant la durée de vie du composant. * Voici...
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) {...
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 />,...
Je reçois l'erreur suivante TypeError non capturé: impossible de lire la propriété «setState» de non défini même après liaison delta dans le constructeur. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() {...
J'ai la structure suivante pour mon application React.js utilisant React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler />...
Comment puis-je demander à React de restituer la vue lorsque la fenêtre du navigateur est redimensionnée? Contexte J'ai des blocs que je souhaite mettre en page individuellement sur la page, mais je veux également qu'ils soient mis à jour lorsque la fenêtre du navigateur change. Le résultat final...
Je veux déclarer un chemin avec un paramètre de chemin facultatif, donc quand je l'ajoute à la page pour faire quelque chose de plus (par exemple remplir des données): http: // localhost / app / path / to / page <= rendre la page http: // localhost / app / path / vers / page / pathParam <=...
Quelle pourrait être la cause de l'erreur Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'...
Lorsque je tape la create-react-app my-appcommande dans mon terminal, elle semble fonctionner - télécharger toutes les bibliothèques avec succès, etc. À la fin de ce processus, cependant, je reçois un message indiquant que a template was not provided. Contribution user@users-MacBook-Pro-2 Desktop%...
Dans JSX, comment référencez-vous une valeur propsde l'intérieur d'une valeur d'attribut entre guillemets? Par exemple: <img className="image" src="images/{this.props.image}" /> La sortie HTML résultante est: <img class="image"
N'y a-t-il pas un moyen simple de transmettre un enfant propsà son parent à l'aide d'événements, dans React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { //...
J'essaie d'accéder à une image statique à utiliser dans une backgroundImagepropriété en ligne dans React. Malheureusement, je me suis épuisé sur la façon de procéder. En général, je pensais que vous faisiez comme suit: import Background from '../images/background_image.png'; var sectionStyle = {...
Je suis nouveau dans React et j'essaie d'écrire une application fonctionnant avec une API. Je reçois toujours cette erreur: TypeError: this.setState n'est pas une fonction lorsque j'essaie de gérer la réponse de l'API. Je soupçonne que quelque chose ne va pas avec cette liaison, mais je ne sais pas...
J'ai un problème relativement simple d'essayer d'ajouter des scripts en ligne à un composant React. Ce que j'ai jusqu'à présent: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from...
Est-il possible de mettre à jour les propriétés de l'objet avec setState? Quelque chose comme: this.state = { jasper: { name: 'jasper', age: 28 }, } J'ai essayé: this.setState({jasper.name: 'someOtherName'}); et ça: this.setState({jasper: {name: 'someothername'}}) Le premier entraîne une erreur de...
Étant donné un composant simple qui rend ses enfants: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Question: Quel doit être le...
Je suis actuellement aux prises avec des routes d'imbrication utilisant le routeur React v4. L'exemple le plus proche était la configuration de route dans la documentation React-Router v4 . Je souhaite diviser mon application en 2 parties différentes. Un frontend et une zone d'administration. Je...
J'utilise reactjs. Lorsque j'exécute le code ci-dessous, le navigateur dit: TypeError non capturé: la super expression doit être nulle ou une fonction, non indéfinie Tout indice sur ce qui ne va pas serait apprécié. D'abord la ligne utilisée pour compiler le code: browserify -t reactify -t babelify...
Dans React (le cadre de Facebook), j'ai besoin de rendre un élément d'étiquette lié à une entrée de texte en utilisant l' forattribut standard . Par exemple, le JSX suivant est utilisé: <label for="test">Test</label> <input type="text" id="test" /> Cependant, cela produit du HTML...