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.

9
Comment déclarer une variable globale dans React?
J'ai initialisé l' i18nobjet de traduction une fois dans un composant (premier composant qui se charge dans l'application). Ce même objet est requis dans tous les autres composants. Je ne veux pas le réinitialiser dans chaque composant. Quel est le chemin? Le rendre disponible pour la portée de la fenêtre …
3
Quelqu'un peut-il expliquer la différence entre la liaison de données unidirectionnelle Reacts et la liaison de données bidirectionnelle Angular
Je suis un peu flou sur ces concepts, si je construis complètement la même application ToDo dans AngularJS et ReactJS --- qu'est-ce qui fait que React ToDo utilise la liaison de données unidirectionnelle par rapport à la liaison de données bidirectionnelle d'AngularJS? Je comprends que React fonctionne en quelque sorte …
2
Le composant enfant React ne se met pas à jour après le changement d'état parent
J'essaie de créer un joli composant ApiWrapper pour remplir les données dans divers composants enfants. D'après tout ce que j'ai lu, cela devrait fonctionner: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) …
109 reactjs 
4
À quoi sert withRouter dans react-router-dom?
J'ai parfois vu des gens emballer leurs composants withRouterlorsqu'ils les exportaient: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); À quoi sert-il et quand dois-je l'utiliser?
1
React foreach dans JSX
J'ai un objet que je veux sortir via REACT question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } et mon composant de réaction (réduit), est un autre composant class QuestionSet extends Component { render(){ <div className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); …
19
Refusé de charger la police «data: font / woff…», elle enfreint la directive de politique de sécurité du contenu suivante: «default-src 'self'». Notez que 'font-src'
My React WebApp donne cette erreur dans la console du navigateur Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Aussi: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it …
5
React.js, attendez la fin de setState avant de déclencher une fonction?
Voici ma situation: sur this.handleFormSubmit () J'exécute this.setState () à l'intérieur de this.handleFormSubmit (), j'appelle this.findRoutes (); - qui dépend de la réussite de this.setState () this.setState (); ne se termine pas avant que this.findRoutes soit appelé ... Comment attendre que this.setState () à l'intérieur de this.handleFormSubmit () se termine …
11
Emballage d'un lien react-router dans un bouton html
En utilisant la méthode suggérée: Voici le résultat: Un lien dans le bouton , Code entre les lignes de commentaire Je me demandais s'il existe un moyen d'envelopper un Linkélément 'react-router'dans une buttonbalise HTML en utilisant react. J'ai actuellement des Linkcomposants pour naviguer dans les pages de mon application, mais …
2
Est-il acceptable d'utiliser React.render () plusieurs fois dans le DOM?
Je souhaite utiliser React pour ajouter des composants plusieurs fois dans le DOM. Ce violon montre ce que je cherche à faire, et il ne jette aucune erreur. Voici le code: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- …
107 reactjs 
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.