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.

14
Mettre à jour le style d'un composant onScroll dans React.js
J'ai construit un composant dans React qui est censé mettre à jour son propre style sur le défilement de la fenêtre pour créer un effet de parallaxe. La renderméthode du composant ressemble à ceci: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = …
10
Suppression d'un élément du tableau dans l'état du composant
J'essaie de trouver le meilleur moyen de supprimer un élément d'un tableau dans l'état d'un composant. Puisque je ne devrais pas modifier la this.statevariable directement, y a-t-il un meilleur moyen (plus concis) de supprimer un élément d'un tableau que ce que j'ai ici?: onRemovePerson: function(index) { this.setState(prevState => { // …
6
setState () à l'intérieur de componentDidUpdate ()
J'écris un script qui déplace la liste déroulante en dessous ou au-dessus de l'entrée en fonction de la hauteur de la liste déroulante et de la position de l'entrée sur l'écran. Je souhaite également définir le modificateur sur la liste déroulante en fonction de sa direction. Mais utiliser à l' …
7
React-router: Comment invoquer manuellement Link?
Je suis nouveau sur ReactJS et sur React-Router. J'ai un composant qui reçoit via des accessoires un <Link/>objet de react-router . Chaque fois que l'utilisateur clique sur un bouton «suivant» dans ce composant, je souhaite appeler l' <Link/>objet manuellement. À l'heure actuelle, j'utilise des références pour accéder à l' instance …
5
Typographie: types d'événements React
Quel est le type correct pour les événements React. Au départ, je l'ai juste utilisé anypar souci de simplicité. Maintenant, j'essaie de nettoyer les choses et d'éviter anycomplètement l' utilisation . Donc, sous une forme simple comme celle-ci: export interface LoginProps { login: { [k: string]: string | Function uname: …
30
Obtenir "Impossible d'appeler une classe en tant que fonction" dans mon projet React
J'essaie d'ajouter un composant de carte React à mon projet mais je rencontre une erreur. J'utilise l'article de blog de Fullstack React comme référence. J'ai retracé l'emplacement de l'erreur dans la ligne 83 de google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class …
9
Supprimer l'élément du tableau d'état dans react
L'histoire est que je devrais être capable de mettre Bob, Sally et Jack dans une boîte. Je peux également retirer l'un ou l'autre de la boîte. Lorsqu'il est retiré, aucun emplacement n'est laissé. people = ["Bob", "Sally", "Jack"] Je dois maintenant supprimer, disons, "Bob". Le nouveau tableau serait: ["Sally", "Jack"] …
9
Joindre l'en-tête d'autorisation pour toutes les demandes axios
J'ai une application react / redux qui récupère un jeton sur un serveur api. Une fois que l'utilisateur s'est authentifié, j'aimerais que toutes les demandes axios aient ce jeton comme en-tête d'autorisation sans avoir à le joindre manuellement à chaque demande de l'action. Je suis assez nouveau pour réagir / …
130 reactjs  redux  axios 
10
Comment générer des identifiants uniques pour les étiquettes de formulaire dans React?
J'ai des éléments de formulaire avec labels et je souhaite avoir des identifiants uniques pour lier les labels aux éléments avec htmlForattribut. Quelque chose comme ça: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); J'avais l'habitude de générer des identifiants …
129 reactjs 
3
React Enzyme trouve le deuxième (ou le nième) nœud
Je teste un composant React avec un rendu peu profond de Jasmine Enzyme. Simplifié ici pour les besoins de cette question ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenta 2 instances de MyInnerComponentet j'aimerais tester les accessoires sur …
128 reactjs  jasmine  enzyme 
6
Qu'est-ce que le «montage» dans React js?
J'entends trop souvent le terme «monter» en apprenant ReactJS. Et il semble y avoir des méthodes de cycle de vie et des erreurs concernant ce terme. Que signifie exactement React par montage? Exemples: componentDidMount() and componentWillMount()
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.