J'ai le composant suivant ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // }...
Obtenir cette erreur lors de la création d'une application iOS native de réaction sur xcode. J'ai commencé à obtenir cette erreur après l'installation de npm et la liaison rpm de la bibliothèque react-native-fs . Mais après avoir recherché une solution en ligne, j'ai remarqué que de nombreuses...
Voici un élément de base. Les deux <ul>et <li>ont des fonctions onClick. Je veux que seul le onClick sur le <li>se déclenche, pas le <ul>. Comment puis-je atteindre cet objectif? J'ai joué avec e.preventDefault (), e.stopPropagation (), en vain. class List extends...
Notre application utilise le défilement infini pour parcourir de grandes listes d'éléments hétérogènes. Il y a quelques rides: Il est courant que nos utilisateurs aient une liste de 10000 éléments et doivent faire défiler 3k +. Ce sont des éléments riches, nous ne pouvons donc en avoir que quelques...
L'un des plus grands avantages de React.js est censé être le rendu côté serveur . Le problème est que la fonction clé React.renderComponentToString()est synchrone, ce qui rend impossible le chargement de données asynchrones lorsque la hiérarchie des composants est rendue sur le serveur. Disons que...
Donc, normalement, pour inclure la plupart de mes icônes SVG qui nécessitent un style simple, je fais: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Maintenant, j'ai joué avec ReactJS récemment en l'évaluant comme un composant possible dans ma nouvelle pile de...
J'utilise le même composant pour trois itinéraires différents: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Y a-t-il de toute façon le combiner, pour être comme:...
Je viens de commencer à explorer React, en ajoutant un composant avec une fonction de rendu simple: render() { return <div class="myApp"></div> } Lorsque j'exécute l'application, j'obtiens l'erreur suivante: Warning: Unknown DOM property class. Did you mean className? Je peux résoudre...
Aujourd'hui, j'ai commencé à apprendre ReactJS et après une heure confronté au problème .. Je veux insérer un composant qui a deux lignes à l'intérieur d'un div sur la page. Un exemple simplifié de ce que je fais ci-dessous. J'ai un html: <html> .. <div
Puisque j'utilise react-router pour gérer mes itinéraires dans une application react, je suis curieux de savoir s'il existe un moyen de rediriger vers une ressource externe. Dites que quelqu'un frappe: example.com/privacy-policy Je voudrais qu'il redirige vers:
Je sais que cette question a déjà été posée à plusieurs reprises, mais la plupart du temps, la solution est de gérer cela dans le parent, car le flux de responsabilité ne fait que décroître. Cependant, parfois, vous devez supprimer un composant de l'une de ses méthodes. Je sais que je ne peux pas...
J'ai joué avec React et j'ai le composant temporel suivant qui Date.now()s'affiche simplement à l'écran: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> {...
J'essaie d'utiliser React.forwardRef, mais je trébuche sur la façon de le faire fonctionner dans un composant basé sur une classe (pas HOC). Les exemples de documentation utilisent des éléments et des composants fonctionnels, et même des classes d'encapsulation dans des fonctions pour des...
À partir du didacticiel react.js, nous voyons cette utilisation des doubles accolades: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> Et puis dans le deuxième tutoriel, "Penser en réagir" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; Cependant, la...
Nous utilisons le bundle Backbone + ReactJS pour créer une application côté client. En s'appuyant fortement sur des notoires, valueLinknous propagons les valeurs directement au modèle via notre propre wrapper qui prend en charge l'interface ReactJS pour la liaison bidirectionnelle. Maintenant, nous...
J'utilise react et react-router pour mon application côté client. Je n'arrive pas à comprendre comment obtenir les paramètres de requête suivants à partir d'une URL comme: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Mes itinéraires ressemblent à ceci (le chemin est...
Je travaille avec reactjs et je ne parviens pas à empêcher cette erreur lorsque je tente d'afficher des données JSON (à partir d'un fichier ou d'un serveur): Uncaught TypeError: this.props.data.map is not a function J'ai regardé: Code de réaction lançant "TypeError: this.props.data.map n'est pas...
Je suis nouveau dans la programmation, ce qui rend les choses légèrement difficiles à comprendre si je lis la documentation officielle. Je lisais à propos de React Router 4 d'ici Dans cet article, l'auteur parlait de <HashRouter>et<BrowserRouter> C'est ce qu'il a mentionné HashRouter...
Lors de l'installation de 'react-native init AwesomeProject', j'obtiens cette erreur lorsque je lance react-native run-android: Could not determine java version from '11.0.1'. Un rapide google suggère que je dois mettre à jour le distributionUrldans le Gradle-wrapper. Après avoir fait cela, je suis...
J'ai un problème lors de la navigation dans une autre page, sa position restera comme la page précédente. Donc, il ne défilera pas automatiquement vers le haut. J'ai également essayé d'utiliser window.scrollTo(0, 0)sur le routeur onChange. J'ai également utilisé scrollBehavior pour résoudre ce...