J'ai l'état suivant: this.setState({ selected: { id: 1, name: 'Foobar' } }); Ensuite, je mets à jour l'état: this.setState({ selected: { name: 'Barfoo' }}); Puisqu'il setStateest supposé fusionner, je m'attendrais à ce que ce soit: { selected: { id: 1, name: 'Barfoo' } }; Mais à la place, il mange...
Comment obtenir la hauteur de la fenêtre dans ReactJS? En JavaScript normal, j'utilise window.innerHeight() mais en utilisant ReactJS, je ne sais pas comment obtenir ces informations. Ma compréhension est que ReactDOM.findDomNode() ne fonctionne que pour les composants créés. Cependant ce n'est pas...
J'ai besoin d'ajouter une classe dynamique à une liste de classes régulières, mais je n'ai aucune idée de comment (j'utilise babel), quelque chose comme ceci: <div className="wrapper searchDiv {this.state.something}"> ... </div> Des
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java"
J'explore les possibilités de React Native tout en développant une application de démonstration avec une navigation personnalisée entre les vues à l'aide d'un Navigatorcomposant . La classe d'application principale rend le navigateur et l'intérieur renderSceneretourne le composant passé: class App...
J'ai écrit du code: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } J'obtiens une erreur: Le type d'élément JSX Elemn'a aucune construction ni signature d'appel Qu'est-ce que ça veut
Existe-t-il un moyen d'incorporer la notation entre accolades de React et une hrefbalise? Disons que nous avons la valeur suivante dans l'état: {this.state.id} et les attributs HTML suivants sur une balise: href="#demo1" id="demo1" Y a-t-il un moyen d'ajouter l' idétat à l'attribut HTML pour...
Existe-t-il une approche systématique pour déboguer ce qui provoque le re-rendu d'un composant dans React? J'ai mis un simple console.log () pour voir combien de fois il est rendu, mais j'ai du mal à comprendre ce qui cause le rendu du composant plusieurs fois, c'est-à-dire (4 fois) dans mon cas....
J'ai besoin de créer un formulaire qui affichera quelque chose en fonction de la valeur de retour d'une API. Je travaille avec le code suivant: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this);...
Je veux demander ce que signifie et ce que fait la dernière phrase (exporter HelloWorld par défaut;) mais je ne trouve aucun tutoriel à ce sujet. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export...
Alors, est-ce la seule façon de rendre du HTML brut avec reactjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup =
Les fonctionnalités natives de réaction récemment lancées ne sont qu'un exemple d'application iOS et des
Je ne peux pas comprendre comment définir les valeurs de propriété par défaut pour mes composants à l'aide de Typescript. Voici le code source: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public...
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div
Disons que j'ai 3 entrées: rate, sendAmount et receiveAmount. Je mets que 3 entrées sur useEffect des paramètres différents. Les règles sont: Si sendAmount a changé, je calcule receiveAmount = sendAmount * rate Si receiveAmount a changé, je calcule sendAmount = receiveAmount / rate Si le taux a...
J'utilise create-react-app. J'essaye d'appeler une image de mon dossier public à partir d'un fichier dans mon src/components. Je reçois ce message d'erreur. ./src/components/website_index.js Module non trouvé: Vous avez tenté d'importer ../../public/images/logo/WC-BlackonWhite.jpg qui se trouve en...
Ceci est un exemple de la page d'application Google Adsense. L'écran de chargement affiché avant la page principale s'affichait après. Je ne sais pas comment faire la même chose avec React car si je rend l'écran de chargement rendu par le composant React, il ne s'affiche pas pendant le chargement...
J'utilise React.JS et quand je le fais react-native run-android(avec mon appareil branché), je vois une page vierge. Lorsque je secoue l'appareil et que je sélectionne Debug JS Remotelydans la liste d'options, l'écran suivant s'affiche. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version...
Je joue avec le framework ReactJS sur JSBin . J'ai remarqué que si le nom de mon composant commence par une lettre minuscule, cela ne fonctionne pas. Par exemple, ce qui suit ne rend pas: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } });...
J'essaie d'utiliser des hooks de réaction pour un problème simple const [personState,setPersonState] = useState({ DefinedObject }); avec les dépendances suivantes. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } mais j'obtiens toujours l'erreur suivante:...