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.

15
Comment inclure une icône Font Awesome dans le render () de React
Chaque fois que j'essaie d'utiliser une icône Font Awesome dans React render(), elle n'est pas affichée sur la page Web résultante bien qu'elle fonctionne en HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Voici un exemple en direct: http://jsfiddle.net/pLWS3/ Où est la faute?
1
React-Router: Quel est le but d'IndexRoute?
Je ne comprends pas à quoi servent les IndexRoute et IndexLink . Il semble que dans tous les cas, le code ci-dessous aurait sélectionné le composant Home en premier à moins que le chemin About ait été activé. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> contre <Route path="/" …
4
Comment soumettre un formulaire en utilisant la touche Entrée dans react.js?
Voici mon formulaire et la méthode onClick. Je voudrais exécuter cette méthode lorsque le bouton Entrée du clavier est enfoncé. Comment ? NB: aucune requête n'est appréciée. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" …
7
Comment obtenir l'historique sur React-Router v4?
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 contexte de réaction ou …
5
Quelle est la meilleure façon de rediriger une page à l'aide de React Router?
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 extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } …
14
comment rendre les composants de réaction à l'aide de la carte et de la jointure
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 la page serait tomjasonchris Ensuite, je veux joindre tous les noms …
102 reactjs 
1
«This» n'est pas défini dans la fonction de carte Reactjs
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 ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url …
4
React PropTypes vs Flow
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 avec des concepts comme les génériques, c'est une solution …
3
Rasoir ASP.NET Core 2.0 vs Angular / React / etc
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 comme …
9
tslint dit que les appels à console.log ne sont pas autorisés - Comment puis-je autoriser cela?
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 https://palantir.github.io/tslint/rules/no-console/ . Mais ils ne disent pas où mettre cette ligne: "no-console": [true, …
7
Fichier React JSX donnant l'erreur "Impossible de lire la propriété 'createElement' sur undefined"
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() { describe('#indexOf()', function() { it('should return …
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.