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...
Fermé . Cette question doit être plus ciblée . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question? Mettez à jour la question pour qu'elle se concentre sur un problème uniquement en éditant ce message . Fermé il y a 3 ans . Améliorez cette question Je suis nouveau...
J'ai un problème où le re-rendu de l'état provoque des problèmes d'interface utilisateur et il a été suggéré de ne mettre à jour qu'une valeur spécifique dans mon réducteur pour réduire la quantité de re-rendu sur une page. c'est un exemple de mon état { name: "some name", subtitle: "some...
Que fait la npm run ejectcommande? Je comprends ce que font les autres commandes comme démarrer, construire, tester. Mais aucune idée de
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...
J'ai un réducteur pour les clients, un autre pour AppToolbar et quelques autres ... Disons maintenant que j'ai créé une action de récupération pour supprimer le client, et si cela échoue, j'ai du code dans le réducteur de clients qui devrait faire certaines choses, mais je veux aussi afficher une...
Je me rends compte que c'est une question fondamentale mais je n'ai pas eu la chance de trouver la réponse ailleurs. Est-ce store.dispatchsynchrone ou asynchrone Redux? Dans le cas où il est asynchrone, est-il possible d'ajouter un rappel après que l'action a été propagée comme c'est possible avec...
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...
Je voudrais demander pourquoi mon état ne change pas lorsque je fais un événement onclick. J'ai cherché il y a quelque temps que je devais lier la fonction onclick dans le constructeur, mais l'état ne se met toujours pas à jour. Voici mon code: import React from 'react'; import Grid from...
Chaque fois que j'essaie d'utiliser une icône Font Awesome dans React render(), elle n'est pas affichée sur la page Web résultante bien qu'elle fonctionne en HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Voici...
Un moyen d'empêcher /#/de s'afficher dans la barre d'adresse du navigateur lors de l'utilisation de react-router? C'est avec ReactJS. c'est-à-dire en cliquant sur les liens pour aller à un nouvel itinéraire montre localhost:3000/#/ou localhost:3000/#/about. Selon
Sans utiliser de classe, comment utiliser PropTypes dans le composant fonctionnel sans état de react? export const Header = (props) => ( <div>hi</div> )
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" />...
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, je...
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...
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...
J'ai un petit problème lors de la migration de React-Router v3 vers v4. dans la v3, j'ai pu le faire n'importe où: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Comment puis-je y parvenir dans la v4. Je sais que je pourrais utiliser, le hoc withRouter, le...
Je suis nouveau sur React Router et j'apprends qu'il existe de nombreuses façons de rediriger une page: En utilisant browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); En utilisant this.context.router.push("/path") class Foo...
Que sont les composants contrôlés et les composants non contrôlés dans ReactJS? En quoi diffèrent-ils les uns des
J'ai un composant qui va afficher Array of String. Le code ressemble à ceci. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Cela fonctionne parfaitement bien. ie si props.data = ['tom', 'jason', 'chris'] Le résultat rendu dans...