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
Pourquoi les fragments dans React 16 sont-ils meilleurs que les divs de conteneurs?
Dans React 16.2, un support amélioré pour Fragmentsa été ajouté. Plus d'informations peuvent être trouvées sur le blog de React ici. Nous connaissons tous le code suivant: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); …
165 reactjs 
5
Nom de balise dynamique dans jsx et React
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. <h{this.props.priority}>Hello</h{this.props.priority}> production attendue: <h1>Hello</h1> Cela ne fonctionne pas. Existe-t-il une …
163 reactjs  jsx 
11
Rendre la chaîne HTML en tant que vrai HTML dans un composant React
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 contenu HTML. Cependant, il est rendu sous forme de chaîne et non de HTML …
163 javascript  html  reactjs  jsx 
30
Impossible de charger le script Assurez-vous que vous exécutez un serveur Metro ou que votre bundle 'index.android.bundle' est correctement emballé pour la publication
react-native run-androidLa commande se termine en laissant un message dans le simulateur Android. Le message est le suivant: Impossible de charger le script Assurez-vous que vous exécutez un serveur Metro ou que votre bundle «index.android.bundle» est correctement emballé pour la publication. Qu'est-ce que je fais mal?
13
this.setState ne fusionne pas les états comme je m'y attendais
J'ai l'état suivant: this.setState({ selected: { id: 1, name: 'Foobar' } }); Ensuite, je mets à jour l'état: this.setState({ selected: { name: 'Barfoo' }}); Puisqu'il setStateest supposé fusionner, je m'attendrais à ce que ce soit: { selected: { id: 1, name: 'Barfoo' } }; Mais à la place, il mange …
9
Obtenir la hauteur de la fenêtre / fenêtre dans ReactJS
Comment obtenir la hauteur de la fenêtre dans ReactJS? En JavaScript normal, j'utilise window.innerHeight() mais en utilisant ReactJS, je ne sais pas comment obtenir ces informations. Ma compréhension est que ReactDOM.findDomNode() ne fonctionne que pour les composants créés. Cependant ce n'est pas le cas pour l' élément documentou body, qui …
4
Navigation personnalisée avec le composant Navigator dans React-Native
J'explore les possibilités de React Native tout en développant une application de démonstration avec une navigation personnalisée entre les vues à l'aide d'un Navigatorcomposant . La classe d'application principale rend le navigateur et l'intérieur renderSceneretourne le composant passé: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', …
6
Événement OnChange utilisant React JS pour la liste déroulante
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); L' onChangeévénement ne fonctionne pas.
7
Tracez pourquoi un composant React est re-rendu
Existe-t-il une approche systématique pour déboguer ce qui provoque le re-rendu d'un composant dans React? J'ai mis un simple console.log () pour voir combien de fois il est rendu, mais j'ai du mal à comprendre ce qui cause le rendu du composant plusieurs fois, c'est-à-dire (4 fois) dans mon cas. …
156 reactjs  redux 
3
Concaténation de variables et de chaînes dans React
Existe-t-il un moyen d'incorporer la notation entre accolades de React et une hrefbalise? Disons que nous avons la valeur suivante dans l'état: {this.state.id} et les attributs HTML suivants sur une balise: href="#demo1" id="demo1" Y a-t-il un moyen d'ajouter l' idétat à l'attribut HTML pour obtenir quelque chose comme ceci: href={"#demo …
4
La propriété 'value' n'existe pas sur le type 'Readonly <{}>'
J'ai besoin de créer un formulaire qui affichera quelque chose en fonction de la valeur de retour d'une API. Je travaille avec le code suivant: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) …
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.