Alors que je parcourais le HTML de certaines pages, j'ai remarqué que certaines d'entre elles utilisent cet attribut "data-reactid" comme: <a data-reactid="......" ></a> Quel est cet attribut et quelle est sa fonction?
J'ai parfois des composants de réaction qui sont conceptuellement avec état que je souhaite réinitialiser. Le comportement idéal équivaudrait à supprimer l'ancien composant et à lire un nouveau composant vierge. React fournit une méthode setStatequi permet de définir le propre état explicite des...
Sans paramètre function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Avec paramètre function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Je veux obtenir le fichier event. Comment...
J'essaie de comprendre comment basculer une classe active onClickpour modifier les propriétés CSS. J'ai adopté de nombreuses approches et lu de nombreuses réponses SO. En utilisant jquery, ce serait relativement simple, cependant, je ne parviens pas à le faire avec react. Mon code est ci-dessous....
Lors de la création d'une application de réaction, le service worker est appelé par défaut. Pourquoi le service worker est-il utilisé? Quelle est la raison de l'appel par défaut?
Je développe une nouvelle application en utilisant la nouvelle API React Context au lieu de Redux, et avant, avec Redux, lorsque j'avais besoin d'obtenir une liste d'utilisateurs par exemple, j'appelle simplement componentDidMountmon action, mais maintenant avec React Context, mes actions vivent à...
Je travaille sur un projet dans React et j'ai rencontré un problème qui m'a bloqué. Chaque fois que je cours, yarn startj'obtiens cette erreur: TypeError [ERR_INVALID_ARG_TYPE]: L'argument "chemin" doit être de type chaîne. Type reçu non défini Je ne sais pas pourquoi cela se produit, si quelqu'un...
Je souhaite inclure / omettre dynamiquement l'attribut désactivé sur un élément de bouton. J'ai vu de nombreux exemples de valeurs d'attributs dynamiques, mais pas d'attributs eux-mêmes. J'ai la fonction de rendu suivante: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ?...
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:...
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...
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...
Dans mon composant de réaction, j'essaie d'implémenter un simple spinner pendant qu'une requête ajax est en cours - j'utilise l'état pour stocker l'état de chargement. Pour une raison quelconque, ce morceau de code ci-dessous dans mon composant React lève cette erreur Peut uniquement mettre à jour...
Qu'est-ce qui cause le problème suivant? Ma version du SDK Android n'est-elle pas prise en charge? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred...
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',...
Je voudrais demander comment réagir la gestion native ou faire la police responsive. Par exemple, dans l'iphone 4s, j'ai la taille de la police: 14, tandis que dans l'iphone 6, j'ai la taille de la police: 18.
Par exemple: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });
Autant que je sache et corrige-moi si je me trompe, redux-thunk est un middleware qui nous aide à distribuer la fonction async et à déboguer les valeurs dans l'action elle-même, tandis que lorsque j'ai utilisé redux-promise, je ne pouvais pas créer de fonctions asynchrones sans implémenter les...
Le premier principe de la documentation Redux est: L'état de l'ensemble de votre application est stocké dans une arborescence d'objets dans un seul magasin. Et je pensais en fait que je comprenais bien tous les directeurs. Mais je ne sais plus ce que signifie l'application. Si l'application ne...
Redux docs pour bindActionCreators indiquent que: Le seul cas d'utilisation pour bindActionCreators est lorsque vous souhaitez transmettre certains créateurs d'action à un composant qui ne connaît pas Redux, et que vous ne souhaitez pas lui transmettre la répartition ou le magasin Redux. Quel...
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...