J'ai un composant qui va afficher Array of String. Le code ressemble à ceci. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Cela fonctionne parfaitement bien. ie si props.data = ['tom', 'jason', 'chris'] Le résultat rendu dans...
Que sont les composants contrôlés et les composants non contrôlés dans ReactJS? En quoi diffèrent-ils les uns des
J'ai un petit problème lors de la migration de React-Router v3 vers v4. dans la v3, j'ai pu le faire n'importe où: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Comment puis-je y parvenir dans la v4. Je sais que je pourrais utiliser, le hoc withRouter, le...
Je suis nouveau sur React Router et j'apprends qu'il existe de nombreuses façons de rediriger une page: En utilisant browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); En utilisant this.context.router.push("/path") class Foo...
Je travaille avec Reactjs, j'écris un composant de menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ?...
Je suis nouveau sur react.js J'ai implémenté un composant dans lequel je récupère les données du serveur et je l'utilise comme, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {...
J'ai un sidenav avec un groupe d'équipes de basket-ball. J'aimerais donc afficher quelque chose de différent pour chaque équipe lorsque l'une d'elles est survolée. De plus, j'utilise Reactjs, donc si je pouvais avoir une variable que je pourrais passer à un autre composant, ce serait génial....
PropTypes et Flow couvrent des choses similaires mais utilisent des approches différentes. PropTypes peut vous donner des avertissements pendant l'exécution, ce qui peut être utile pour trouver rapidement des réponses malformées provenant d'un serveur, etc. Cependant, Flow semble être l'avenir et...
J'ai un fichier test_stuff.js avec lequel je cours npm test Cela ressemble à peu près à ceci: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...
Mon équipe et moi avons reçu un financement pour commencer à développer une application Web au niveau de l'entreprise (je n'entrerai pas dans les détails de ce qu'elle fait). L'application aura de nombreuses pages Web séparées, mais deux de ces pages seront plus ciblées et très lourdes - lourdes...
Je viens de commencer à utiliser create-react-app avec tapuscript create-react-app my-app --scripts-version=react-scripts-ts et la configuration par défaut de tslint.json n'autorise pas console.log (). Comment puis-je (pour l'instant) activer console.log? La documentation à ce sujet se trouve sur...
Une seule ligne fonctionne bien render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } pas pour plusieurs lignes render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); }...
J'ai un composant que j'ai créé: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists)...
Ayant ce code à l'esprit: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position}...
Voici donc mon flux de travail actuel pour l'importation d'images et d'icônes dans Webpack via ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Cela devient vite...
Je commence juste avec Reactjs et j'écrivais un composant simple pour afficher la libalise et suis tombé sur cette erreur: Jeton inattendu '<' J'ai mis l'exemple à jsbin ci-dessous http://jsbin.com/UWOquRA/1/edit?html,js,console,output S'il vous plaît laissez-moi savoir ce que je fais mal....
Comment pouvez-vous obtenir un événement de survol ou un événement actif dans ReactJS lorsque vous effectuez un style en ligne? J'ai trouvé que l'approche onMouseEnter, onMouseLeave est boguée, j'espère donc qu'il existe une autre façon de le faire. Plus précisément, si vous passez la souris sur...
Je travaille sur une application de réaction utilisant react-router. J'ai une page de projet qui a une URL comme suit: myapplication.com/project/unique-project-id Lorsque le composant de projet se charge, je déclenche une demande de données pour ce projet à partir de l'événement componentDidMount....
J'utilise la balise & nbsp dans jsx et cela ne rend pas l'espace. Ce qui suit est un petit extrait de mon code. Veuillez aider. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select...
Essayer d'obtenir react-router (v4.0.0) et react-hot-loader (3.0.0-beta.6) pour jouer correctement, mais obtenir l'erreur suivante dans la console du navigateur: Avertissement: React.createElement: type n'est pas valide - attend une chaîne (pour les composants intégrés) ou une classe / fonction...