EDIT: ceci est un doublon, voir ici Je ne trouve aucun exemple d'utilisation d'un nom de clé dynamique lors de la définition de l'état. Voici ce que je veux faire: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, où event.target.id est utilisé...
Existe-t-il un moyen intégré d'utiliser des proptypes pour garantir qu'un tableau d'objets transmis à un composant est en réalité un tableau d'objets d'une forme spécifique? Peut-être quelque chose comme ça? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired,...
J'ai un composant qui reçoit un accessoire pour sa taille. Le prop peut être soit une chaîne ou un nombre ex: "LARGE"ou 17. Puis-je faire savoir à React.PropTypes que cela peut être l'un ou l'autre dans la validation propTypes? Si je ne spécifie pas le type, je reçois un avertissement: prop type...
Fermé . Cette question est basée sur l'opinion . Il n'accepte pas actuellement les réponses. Voulez-vous améliorer cette question? Mettez à jour la question afin d'y répondre avec des faits et des citations en modifiant ce message . Fermé l'année dernière . Améliorez cette question J'ai récemment...
Comment puis-je éventuellement inclure un élément dans JSX? Voici un exemple utilisant une bannière qui devrait être dans le composant si elle a été transmise. Ce que je veux éviter, c'est d'avoir à dupliquer des balises HTML dans l'instruction if. render: function () { var banner; if...
J'apprends Redux avec React et suis tombé sur ce code. Je ne sais pas s'il est spécifique à Redux ou non, mais j'ai vu l'extrait de code suivant dans l'un des exemples. @connect((state) => { return { key: state.a.b }; }) Bien que la fonctionnalité de connectsoit assez simple, mais je ne...
Le fonctionnaire React docs Etat qui « React.PureComponentest shouldComponentUpdate()seulement compare les objets » peu profondément, et conseille contre ce si l' état est « profond ». Compte tenu de cela, y a-t-il une raison pour laquelle on devrait préférer React.PureComponentlors de la création...
J'essaie de comprendre la méthode de connexion de react-redux et les fonctions qu'elle prend comme paramètres. En particulier mapStateToProps(). D'après ce que je comprends, la valeur de retour de mapStateToPropssera un objet dérivé de state (tel qu'il vit dans le magasin), dont les clés seront...
Comment passer un paramètre avec this.props.history.push('/page')dans React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template');
Existe-t-il un moyen de faire passer un composant dans un autre composant réactif? Je veux créer un composant de réaction de modèle et passer un autre composant de réaction afin de transclure ce contenu. Edit: Voici un codepen reactJS illustrant ce que j'essaie de faire.
Après avoir commencé à travailler avec React.js, il semble qu'ils propssoient destinés à être statiques (transmis depuis le composant parent), tandis que les statechangements sont basés sur les événements. Cependant, j'ai remarqué dans les documents une référence à componentWillReceiveProps, qui...
Comment puis-je faire en sorte que l' onKeyPressévénement fonctionne dans ReactJS? Il devrait alerter lorsque vous enter (keyCode=13)appuyez sur. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input...
J'ai la structure suivante: FormEditor- contient plusieurs FieldEditor FieldEditor- modifie un champ du formulaire et enregistre diverses valeurs à ce sujet dans son état Lorsqu'un bouton est cliqué dans FormEditor, je veux pouvoir collecter des informations sur les champs de tous les...
Dans React, vous pouvez clairement créer un objet et l'affecter en tant que style en ligne. c'est à dire. mentionné ci-dessous. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only...
React est capable de restituer des attributs personnalisés comme décrit sur http://facebook.github.io/react/docs/jsx-gotchas.html : Si vous souhaitez utiliser un attribut personnalisé, vous devez le préfixer avec data-. <div data-custom-attribute="foo" /> Et c'est une excellente nouvelle,...
J'essaie d'envoyer des données d'un composant enfant à son parent comme suit: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div...
Après avoir passé du temps à apprendre React, je comprends la différence entre les deux principaux paradigmes de création de composants. Ma question est quand dois-je utiliser lequel et pourquoi? Quels sont les avantages / compromis de l'un sur l'autre? Classes ES6: import React, { Component } from...
J'ai du mal à gérer le ReactJS de Facebook. Chaque fois que je fais ajax et que je veux afficher des données html, ReactJS les affiche sous forme de texte. (Voir figure ci-dessous) Les données sont affichées via la fonction de rappel de réussite du jquery Ajax. $.ajax({ url: url here, dataType:...
Comment centrer le texte dans ReactNative à la fois horizontalement et verticalement? J'ai un exemple d'application dans rnplay.org où justificationContent = "centre" et alignItems = "centre" ne fonctionne pas: https://rnplay.org/apps/AoxNKQ Le texte doit être centré. Et pourquoi y a-t-il une marge...
Je passe 2 valeurs à un composant enfant: Liste des objets à afficher supprimer la fonction. J'utilise une fonction .map () pour afficher ma liste d'objets (comme dans l'exemple donné dans la page du didacticiel react), mais le bouton de ce composant déclenche la onClickfonction, lors du rendu (il...