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.

9
Passer des noms de classes pour réagir aux composants
J'essaie de passer un nom de classe à un composant de réaction pour changer son style et je n'arrive pas à fonctionner: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill styleName="skill">Business</Pill> J'essaye de changer le style de la pilule en passant le …
11
Appeler une méthode de composant React de l'extérieur
Je souhaite appeler une méthode exposée par un composant React à partir de l'instance d'un élément React. Par exemple, dans ce fichier jsfiddle . Je veux appeler la alertMessageméthode à partir de la HelloElementréférence. Existe-t-il un moyen d'y parvenir sans avoir à écrire des wrappers supplémentaires? Edit (code copié de …
92 reactjs 
4
Webpack-dev-server sert une liste de répertoires au lieu de la page de l'application
Je ne peux voir que l'application réelle sous /public. Les configurations dans webpack.config.jssont ci-dessous: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …
3
Pourquoi «MouseEvent» dans le gestionnaire d'événements de case à cocher n'est-il pas générique?
J'ai un élément TSX (JSX) checkbox: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Avec l'aide du code VS, je sais que le type de paramètre d'entrée du this.handleCheckboxClickest MouseEvent<HTMLInputElement>. Alors je l'ai implémenté avec: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Ensuite, j'obtiens une erreur disant [ts] Type 'MouseEvent' is not generic.comme indiqué …
5
Jolie impression JSON avec React
J'utilise ReactJS et une partie de mon application nécessite un JSON assez imprimé. Je reçois du JSON comme:, { "foo": 1, "bar": 2 }et si je l'exécute JSON.stringify(obj, null, 4)dans la console du navigateur, il s'imprime assez, mais quand je l'utilise dans cet extrait de réaction: render: function() { var …
6
Comment fonctionne la comparaison superficielle dans React
Dans cette documentation de React, il est dit que shallowCompare effectue une vérification d'égalité superficielle sur les objets props et nextProps actuels ainsi que sur les objets état actuel et nextState. La chose que je ne peux pas comprendre est que si elle compare les objets de manière superficielle, la …
7
L'événement onKeyDown ne fonctionne pas sur les divs dans React
Je souhaite utiliser un événement keyDown sur un div dans React. Je fais: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> …
19
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
J'ai cette application simple de réaction helloworld créée à partir d'un cours en ligne, mais j'obtiens cette 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. - la configuration a une propriété inconnue 'postcss'. Ces propriétés …
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.