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.

5
configuration.module a une propriété inconnue 'loaders'
ma sortie d'erreur: Objet de configuration non valide. Webpack a été initialisé à l'aide d'un objet de configuration qui ne correspond pas au schéma d'API. - configuration.module a une propriété inconnue 'loaders'. Ces propriétés sont valides: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules …
136 reactjs  webpack 
7
La case à cocher Réagir n'envoie pas le changement
TLDR: Utiliser defaultChecked au lieu de vérifier, de travail jsbin . Essayer de configurer une simple case à cocher qui rayera le texte de son étiquette lorsqu'elle est cochée. Pour une raison quelconque, handleChange n'est pas déclenché lorsque j'utilise le composant. Quelqu'un peut-il expliquer ce que je fais mal? var …
25
sh: react-scripts: commande introuvable après l'exécution de npm start
J'ai cloné une application de réaction sur mon système et exécuté les commandes suivantes npm install -g create-react-app npm install --save react react-dom Après ça j'ai couru npm start Mais il a jeté l'erreur mentionnée ci-dessus, cela fonctionne bien sur mon autre système à partir duquel je l'ai poussé sur …
136 reactjs 
6
Comment importer et exporter des composants à l'aide de React + ES6 + Webpack?
Je joue autour avec Reactet en ES6utilisant babelet webpack. Je souhaite créer plusieurs composants dans différents fichiers, les importer dans un seul fichier et les regrouper avecwebpack Disons que j'ai quelques composants comme celui-ci: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ …
11
Chemin correct pour img sur React.js
J'ai un problème avec mes images sur mon projet react. En effet, j'ai toujours pensé que le chemin relatif dans l'attribut src était construit sur l'architecture des fichiers Voici mon architecture de fichiers: components file1.jsx file2.jsx file3.jsx container img js ... Cependant, j'ai réalisé que le chemin est construit sur …
12
Réagir: pourquoi le composant enfant ne se met pas à jour lorsque le prop change
Pourquoi, dans l'exemple de pseudo-code suivant, Child ne s'affiche pas à nouveau lorsque Container change foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Même si j'appelle forceUpdate()après avoir modifié la valeur dans Container, Child …
135 javascript  html  reactjs 
6
Est-il possible de retourner vide dans la fonction react render?
J'ai un composant de notification, et j'ai un paramètre de délai d'attente pour cela. après le délai, j'appelle this.setState({isTimeout:true}). Ce que je veux faire, c'est si déjà timeout, je ne veux rien rendre: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has …
135 reactjs 
7
Récupérer les données d'un objet ReadableStream?
Comment puis-je obtenir des informations sur un ReadableStreamobjet? J'utilise l'API Fetch et je ne vois pas cela clairement dans la documentation. Le corps est renvoyé en tant que ReadableStreamet je voudrais simplement accéder à une propriété dans ce flux. Sous Réponse dans les outils de développement du navigateur, il semble …
8
Méthode de cycle de vie ReactJS à l'intérieur d'un composant de fonction
Au lieu d'écrire mes composants dans une classe, j'aimerais utiliser la syntaxe de la fonction à la place. Comment remplacer componentDidMount, à l' componentWillMountintérieur des composants de fonction? Est-ce même possible? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { …
135 reactjs  redux 
9
Qu'est-ce que useState () dans React?
J'apprends actuellement le concept de hooks dans React et j'essaie de comprendre l'exemple ci-dessous. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + …
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.