Je travaillais avec create-react-appet suis tombé sur ce problème là où je suis Home does not contain an export named Home. Voici comment configurer mon App.jsfichier: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home'...
Je suis en train de créer une petite application de réaction et mes images locales ne se chargeront pas. Des images comme des placehold.it/200x200charges. Je pensais que ça pouvait être quelque chose avec le serveur? Voici mon App.js import React, { Component } from 'react'; class App extends...
Je semble avoir des problèmes pour pousser les données dans un tableau d'état. J'essaye d'y parvenir de cette façon: this.setState({ myArray: this.state.myArray.push('new value') }) Mais je crois que c'est une manière incorrecte et provoque des problèmes de
Si les magasins conservent leur propre état et ont la possibilité d'appeler des services de réseau et de stockage de données pour ce faire ... auquel cas les actions ne sont que des passeurs de messages stupides, -OU- ... les magasins devraient-ils être des destinataires stupides de données...
J'ai joué avec React et jusqu'à présent, je l'aime vraiment. Je crée une application avec NodeJS et je souhaite utiliser React pour certains des composants interactifs de l'application. Je ne veux pas en faire une application sur une seule page. Je n'ai encore rien trouvé sur le Web qui réponde aux...
J'essayais d'implémenter des routes authentifiées mais j'ai trouvé que React Router 4 empêche maintenant que cela fonctionne: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} />...
J'ai ce qui suit: Comment supprimer le trait de soulignement bleu? Le code est ci-dessous: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Le composant MenuItem provient de http://www.material-ui.com/#/components/menu...
Cela peut marcher sur cette ligne entre responsable et opiniâtre, mais je vais et vient sur la façon de structurer un composant ReactJS à mesure que la complexité augmente et pourrait utiliser une certaine direction. Venant d'AngularJS, je souhaite transmettre mon modèle au composant en tant que...
Dans react.js, est-il préférable de stocker une référence de délai d'expiration en tant que variable d'instance (this.timeout) ou variable d'état (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function...
Je reçois ce message lorsque j'ai essayé de démarrer mon application native react. Habituellement, ce type de format fonctionne sur d'autres systèmes de navigation multi-écrans mais ne fonctionne pas d'une manière ou d'une autre dans ce cas. Voici l'erreur: Invariant Violation: The navigation prop...
Est-ce que l'utilisation a du React.PropTypessens dans une application TypeScript React ou est-ce juste un cas de «ceinture et bretelles»? Puisque la classe de composant est déclarée avec un Propsparamètre de type: interface Props { // ... } export class MyComponent extends
Comment puis-je obtenir la hauteur d'un élément après que React a rendu cet élément? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize...
J'essaie d'envoyer la demande GET en tant que deuxième paramètre mais cela ne fonctionne pas tant qu'il le fait en tant qu'URL. Cela fonctionne, $ _GET ['naam'] renvoie le test: export function saveScore(naam, score) { return function (dispatch) {
J'ai commencé à utiliser la fonction de validation des accessoires de ReactJS , qui, comme le disent les documents, ne fonctionne qu'en `` mode développement '' pour des raisons de performances. React semble valider les propriétés d'un composant particulier que j'ai annoté, mais je ne me souviens...
Comment écouter un événement de changement pour un contentEditablecontrôle basé sur? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange:...
Je viens de commencer à étudier ReactJS et j'ai découvert qu'il vous donne 2 façons de rendre les pages: côté serveur et côté client. Mais je ne comprends pas comment l'utiliser ensemble. S'agit-il de deux façons distinctes de créer l'application ou peuvent-elles être utilisées ensemble? Si nous...
j'ai var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Je...
Disons que j'ai un composant avec un rendu comme celui-ci: <View style={jewelStyle}></View> Où jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Comment puis-je rendre la couleur d'arrière-plan dynamique et assignée au hasard? J'ai essayé {...
Je construis une application qui devra être disponible dans plusieurs langues et paramètres régionaux. Ma question n'est pas purement technique, mais plutôt sur l'architecture et les modèles que les gens utilisent réellement en production pour résoudre ce problème. Je n'ai trouvé nulle part de...
J'essayais l'exemple useEffect quelque chose comme ci-dessous: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } },...