Je souhaite fermer un menu déroulant lorsqu'un clic se produit en dehors du composant déroulant. Comment je fais ça?
J'essaie essentiellement de faire réagir des onglets, mais avec quelques problèmes. Voici le fichier page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Lorsque vous cliquez sur le bouton A, les besoins en composants RadioGroup à Désélectionnez...
Je réécris mon application pour utiliser Flux et j'ai un problème avec la récupération de données dans les magasins. J'ai beaucoup de composants et ils s'emboîtent beaucoup. Certains d'entre eux sont grands ( Article), certains sont petits et simples ( UserAvatar, UserLink). J'ai eu du mal à...
Quel est le modèle recommandé pour effectuer un setState sur un parent à partir d'un composant enfant. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return...
L'entrée de texte est alignée au centre, comment corriger cette entrée de texte afin qu'elle prenne l'entrée du coin supérieur gauche Voici mon css pour la saisie de texte /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex:...
J'essaie de faire fonctionner ReactJS avec des rails en utilisant ce tutoriel. J'obtiens cette erreur: Uncaught ReferenceError: React is not defined Mais je peux accéder à l'objet React dans la console du navigateur.J'ai également ajouté public / dist / turbo-react.min.js comme décrit ici et...
Disons que j'ai une bascule simple: Lorsque je clique sur le bouton, le composant Couleur passe du rouge au bleu Je pourrais obtenir ce résultat en faisant quelque chose comme ça. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js...
J'ai du mal à résoudre le problème avec la syntaxe suivante: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) {...
Voici les chiffres min + gzip 26k gzip 90k original 450 + k Et React n'a pas beaucoup de fonctionnalités dans sa documentation. Pourquoi est-ce si grand? J'ai le sentiment que c'est l'implémentation d'un DOM léger. Mais je veux être sûr.
J'ai des accessoires qui ont une chaîne qui pourrait contenir des caractères tels que &. Il contient également des espaces. Je souhaite remplacer tous les espaces par . Y a-t-il un moyen simple de le faire? Gardez à l'esprit que je ne peux pas simplement effectuer le rendu en...
J'implémente un exemple de https://github.com/moroshko/react-autosuggest Le code important est comme ceci: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
J'ai des tests unitaires pour mon reducers. Cependant, lorsque je débogue dans le navigateur, je veux vérifier si mes actions ont été appelées correctement et si l'état a été modifié en conséquence. Je recherche quelque chose comme: window._redux.store ... dans le navigateur pour que je puisse...
Je poste normalement des trucs liés au code sur Stack, mais c'est plus une question sur ce que sont les pensées générales de la communauté. Il semble y avoir beaucoup de gens qui préconisent l'utilisation de Redux avec React pour gérer les données / l'état, mais en lisant et en apprenant les deux,...
J'ai une reactjsapplication écrite en utilisant les normes ES6, et je l'utilise webpackpour la créer. Le webpackcharge les jsmodules en utilisant babel-loader. Pour être précis, j'utilise les versions de packages suivantes: ├── [email protected] ├── [email protected] ├── [email protected] └──...
En javascript simple, j'ai le DIV <div class="movie" id="my_movie"> et le code javascript suivant var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Maintenant, j'ai un composant React, à l'intérieur de...
J'ai testé mon application React.js sur Internet Explorer et j'ai découvert que du code ES6 / 7 comme le Array.prototype.includes()casse. J'utilise create-react-app , et apparemment, ils ont choisi de ne pas inclure beaucoup de polyfills car tout le monde n'en a pas besoin, et ils ralentissent les...
Je dois implémenter une logique métier en fonction de l'historique de navigation. Ce que je veux faire est quelque chose comme ceci: reactRouter.onUrlChange(url => { this.history.push(url); }); Existe-t-il un moyen de recevoir un rappel de react-router lorsque l'URL est mise à jour?...
J'ai un fichier carrousel dans lequel je veux obtenir index.jset construire block.build.js, donc mon webpack.config.jsest: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/,...
Lors du développement avec create-react-app, mon navigateur entre en mode débogueur sur les avertissements: Il casse sur le code source de react-dev-tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. //...
J'ai une page Web complexe utilisant des composants React et j'essaie de convertir la page d'une mise en page statique en une mise en page plus réactive et redimensionnable. Cependant, je continue à rencontrer des limitations avec React et je me demande s'il existe un modèle standard pour gérer...