Questions marquées «react-jsx»

React (également connu sous le nom de React.js ou ReactJS) est une bibliothèque JavaScript open-source 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.

24
Comment passer des accessoires à {this.props.children}
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 l'imaginer <select>et <option>comme exemple de cette logique. …
19
Meilleures pratiques de style en ligne React.js
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 style de …
6
Pourquoi l'appel de la méthode react setState ne mute pas l'état immédiatement?
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) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input type="text" value={this.state.value} …
16
Ajout d'une balise de script à React / JSX
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 '../../core/util'; export default class extends Component { render() { return …
12
Nom du composant dynamique React / JSX
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 de composants dynamiques React / JSX Cela m'a donné …
7
Fichier React JSX donnant l'erreur "Impossible de lire la propriété 'createElement' sur undefined"
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() { describe('#indexOf()', function() { it('should return …
9
Bonnes pratiques lors de l'ajout d'espaces dans JSX
Je comprends comment (et pourquoi ) ajouter un espace dans JSX, mais je me demande quelles sont les meilleures pratiques ou si elles font une réelle différence? Enveloppez les deux éléments dans une travée <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Ajoutez-les sur une seule ligne <div className="top-element-formatting"> Hello <span …
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.