J'essaie de trouver la bonne façon de définir certains composants qui pourraient être utilisés de manière générique: <Parent> <Child value="1"> <Child value="2"> </Parent> Il y a une logique en cours pour le rendu entre les composants parents et enfants bien sûr, vous pouvez...
J'ai un objet observable externe (au composant) sur lequel je veux écouter les changements. Lorsque l'objet est mis à jour, il émet des événements de modification, puis je souhaite restituer le composant lorsqu'une modification est détectée. Avec un niveau supérieur, React.rendercela a été...
Je sais que vous pouvez spécifier des styles dans les classes React, comme ceci: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Dois-je viser à faire tout le...
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) {...
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...
É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...
Comment puis-je éventuellement inclure un élément dans JSX? Voici un exemple utilisant une bannière qui devrait être dans le composant si elle a été transmise. Ce que je veux éviter, c'est d'avoir à dupliquer des balises HTML dans l'instruction if. render: function () { var banner; if...
Il y a quelque chose que je trouve très déroutant lorsque je travaille React. Il existe de nombreux exemples disponibles sur Internet qui utilisent des .jsfichiers avec react mais de nombreux autres utilisent des .jsxfichiers. J'ai lu des .jsxfichiers et je crois comprendre qu'ils vous permettent...
Je construis quelque chose avec React où j'ai besoin d'insérer du HTML avec des variables React dans JSX. Existe-t-il un moyen d'avoir une variable comme ceci: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; et de l'insérer dans réagir comme ça, et...
Dans les documents officiels de React, il mentionne - Si vous êtes familier avec les méthodes de cycle de vie de classe React, vous pouvez considérer useEffect Hook comme composantDidMount, componentDidUpdate et componentWillUnmount combinés. Ma question est la suivante: comment pouvons-nous...
J'essaie de rendre dynamiquement les composants en fonction de leur type. Par exemple: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> J'ai essayé la solution proposée ici noms...
J'essaye d'écrire un composant React. pour les balises d'en-tête html (h1, h2, h3, etc ...), où la priorité de l'en-tête change dynamiquement en fonction de la priorité que nous avons définie dans les accessoires. Voici ce que j'essaye de faire.
Voici ce que j'ai essayé et comment ça va mal. Cela marche: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Cela ne: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> La propriété description est simplement une chaîne normale de...
J'essaie de convertir un composant jQuery en React.js et l'une des choses avec lesquelles j'ai du mal est de rendre n nombre d'éléments basés sur une boucle for. Je comprends que ce n'est pas possible ou recommandé et que lorsqu'un tableau existe dans le modèle, il est parfaitement logique de...
Curieux de savoir quelle est la bonne façon d'aborder cela: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1}...
J'ai un composant fonctionnel très simple comme suit: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; Et un autre composant: import * as React from "react"; export interface LayoutProps {...
Je viens de commencer à explorer React, en ajoutant un composant avec une fonction de rendu simple: render() { return <div class="myApp"></div> } Lorsque j'exécute l'application, j'obtiens l'erreur suivante: Warning: Unknown DOM property class. Did you mean className? Je peux résoudre...
J'essaie de commencer à créer un site dans ReactJS. Cependant, lorsque j'ai essayé de mettre mon JS dans un fichier séparé, j'ai commencé à obtenir cette erreur: "Uncaught SyntaxError: Uncaught token <". J'ai essayé d'ajouter /** @jsx React.DOM */en haut du fichier JS, mais cela n'a rien...
J'exécute lint avec mon application React et je reçois cette erreur: error JSX props should not use arrow functions react/jsx-no-bind Et c'est là que j'exécute la fonction flèche (à l'intérieur onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
J'ai un fichier test_stuff.js avec lequel je cours npm test Cela ressemble à peu près à ceci: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...