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.

6
webpack ne trouve pas le module si le fichier nommé jsx
Au moment où j'écris webpack.config.js comme ça module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Et dans index.jsxj'importe un reactmoduleApp import React from 'react'; import { render } from …
13
Comment définir le titre du document dans React?
Je souhaite définir le titre du document (dans la barre de titre du navigateur) pour mon application React. J'ai essayé d'utiliser react-document-title (semble obsolète) et de définir document.titledans constructoret componentDidMount()- aucune de ces solutions ne fonctionne.
107 javascript  reactjs  dom 
4
Comment créer un href dynamique dans la fonction de rendu de réaction?
Je suis en train de rendre une liste de messages. Pour chaque article, je voudrais rendre une balise d'ancrage avec l'identifiant de l'article dans le cadre de la chaîne href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); Comment faire pour que chaque …
4
Chargeurs Webpack vs plugins; quelle est la différence?
Quelle est la différence entre les chargeurs et les plugins dans Webpack? La documentation des plugins dit simplement: Utilisez des plugins pour ajouter des fonctionnalités généralement liées aux bundles dans webpack. Je sais que babel utilise un chargeur pour les transformations jsx / es2015, mais il semble que d'autres tâches …
6
Pourquoi les accessoires JSX ne devraient-ils pas utiliser les fonctions fléchées ou se lier?
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 defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, 255, …
4
Comment forcer le remontage sur les composants React?
Disons que j'ai un composant de vue qui a un rendu conditionnel: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" /> </div> ); } } MyInput ressemble à ceci: class MyInput extends …
6
JSX n'est pas autorisé dans les fichiers avec l'extension '.js' avec eslint-config-airbnb
J'ai installé eslint-config-airbnb qui est censé pré-configurer ESLINT pour React: Notre exportation par défaut contient toutes nos règles ESLint, y compris ECMAScript 6+ et React. Il nécessite eslint, eslint-plugin-import, eslint-plugin-react et eslint-plugin-jsx-a11y. Mon .eslintrcextension de sa configuration: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": …
6
setInterval dans une application React
Je suis encore assez nouveau chez React, mais j'ai progressé lentement et j'ai rencontré quelque chose sur lequel je suis coincé. J'essaie de créer un composant "timer" dans React, et pour être honnête, je ne sais pas si je le fais correctement (ou efficacement). Dans mon code ci - dessous, …
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.