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.

14
Comment implémenter des routes authentifiées dans React Router 4?
J'essayais d'implémenter des routes authentifiées mais j'ai trouvé que React Router 4 empêche maintenant que cela fonctionne: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> L'erreur est: Attention: vous ne devez pas utiliser <Route component>et <Route …
6
État ReactJS vs prop
Cela peut marcher sur cette ligne entre responsable et opiniâtre, mais je vais et vient sur la façon de structurer un composant ReactJS à mesure que la complexité augmente et pourrait utiliser une certaine direction. Venant d'AngularJS, je souhaite transmettre mon modèle au composant en tant que propriété et demander …
121 reactjs 
2
Variables d'état de l'instance v dans react.js
Dans react.js, est-il préférable de stocker une référence de délai d'expiration en tant que variable d'instance (this.timeout) ou variable d'état (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () …
2
Axios get in url fonctionne mais avec le deuxième paramètre comme objet, ce n'est pas le cas
J'essaie d'envoyer la demande GET en tant que deuxième paramètre mais cela ne fonctionne pas tant qu'il le fait en tant qu'URL. Cela fonctionne, $ _GET ['naam'] renvoie le test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => …
3
PropTypes dans une application TypeScript React
Est-ce que l'utilisation a du React.PropTypessens dans une application TypeScript React ou est-ce juste un cas de «ceinture et bretelles»? Puisque la classe de composant est déclarée avec un Propsparamètre de type: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } y a-t-il un …
10
ReactJS - Obtenir la hauteur d'un élément
Comment puis-je obtenir la hauteur d'un élément après que React a rendu cet élément? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return …
7
Comment activer / désactiver le `` mode développement '' de ReactJS?
J'ai commencé à utiliser la fonction de validation des accessoires de ReactJS , qui, comme le disent les documents, ne fonctionne qu'en `` mode développement '' pour des raisons de performances. React semble valider les propriétés d'un composant particulier que j'ai annoté, mais je ne me souviens pas avoir explicitement …
120 reactjs 
4
Rendu côté serveur ReactJS vs rendu côté client
Je viens de commencer à étudier ReactJS et j'ai découvert qu'il vous donne 2 façons de rendre les pages: côté serveur et côté client. Mais je ne comprends pas comment l'utiliser ensemble. S'agit-il de deux façons distinctes de créer l'application ou peuvent-elles être utilisées ensemble? Si nous pouvons l'utiliser ensemble, …
11
Gestionnaire d'événements React JS onClick
j'ai var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Je souhaite colorer l'arrière-plan de l'élément de liste cliqué. Comment puis-je faire cela dans React? Quelque chose comme $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });
7
React.js: événement onChange pour contentEditable
Comment écouter un événement de changement pour un contentEditablecontrôle basé sur? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); …
6
React / Redux et applications multilingues (internationalisation) - Architecture
Je construis une application qui devra être disponible dans plusieurs langues et paramètres régionaux. Ma question n'est pas purement technique, mais plutôt sur l'architecture et les modèles que les gens utilisent réellement en production pour résoudre ce problème. Je n'ai trouvé nulle part de "livre de recettes" pour ça, alors …
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.