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.

4
Comment stocker le fichier de configuration et le lire à l'aide de React
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) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the …
4
Comment puis-je accéder à un état de survol dans reactjs?
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.
101 hover  reactjs 
9
ReactJS: setTimeout () ne fonctionne pas?
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} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); L'état n'est-il pas censé changer seulement après …
5
Importez dynamiquement des images à partir d'un répertoire à l'aide de webpack
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 compliqué. Voici ce que je veux: import * from './images' <img src={doggy} …
4
Pourquoi mon onClick est-il appelé lors du rendu? - React.js
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) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { …
17
Reactjs: Erreur de jeton inattendue '<'
Je commence juste avec Reactjs et j'écrivais un composant simple pour afficher la libalise et suis tombé sur cette erreur: Jeton inattendu '&lt;' 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.
99 reactjs 
6
& nbsp jsx ne fonctionne pas
J'utilise la balise &amp; 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( &lt;div style={divPositionReporting}&gt; &lt;p&gt;Pricing Reports&lt;/p&gt; &lt;hr&gt;&lt;/hr&gt; Select Scenario:&amp;nbsp;&amp;nbsp; &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; &lt;button type="button"&gt;Get Pricing Report&lt;/button&gt; &lt;br/&gt; Select Takeout Scenario:&amp;nbsp; &lt;select&gt; &lt;option&gt;&lt;/option&gt; …
99 html  reactjs  jsx 
26
React.createElement: le type n'est pas valide - une chaîne attendue
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 (pour les composants composites) mais a: undefined. Vous avez probablement oublié d'exporter …
4
Rendu des composants React à partir d'un tableau d'objets
J'ai des données appelées stations qui sont un tableau contenant des objets. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Je voudrais rendre un composant d'interface utilisateur pour chaque position de tableau. Jusqu'ici je peux écrire var stationsArr = [] for (var i = 0; i &lt; this.data.stations.length; i++) { …
11
Comment définir le DefaultRoute sur une autre route dans React Router
J'ai ce qui suit: &lt;Route name="app" path="/" handler={App}&gt; &lt;Route name="dashboards" path="dashboards" handler={Dashboard}&gt; &lt;Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /&gt; &lt;Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /&gt; &lt;DefaultRoute handler={DashboardExplain} /&gt; &lt;/Route&gt; &lt;DefaultRoute handler={SearchDashboard} /&gt; &lt;/Route&gt; Lors de l'utilisation de DefaultRoute, SearchDashboard effectue un rendu incorrect car tout * Dashboard doit être rendu dans Dashboard. Je …
4
Quelle est la méthode préférée pour muter un état React?
Disons que j'ai une liste d'objets simples dans mon this.state.listque je peux ensuite utiliser pour rendre une liste d'enfants. Quelle est alors la bonne façon d'insérer un objet dans this.state.list? Voici la seule façon dont je pense que cela fonctionnera car vous ne pouvez pas muter this.statedirectement le comme mentionné …
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.