Articles of reajs

Apollo GraphQL React – comment interroger en cliquant?

Dans les documents d’Apollo React http://dev.apollodata.com/react/queries.html#basics, il existe des exemples d’extraction automatique lorsque le composant est affiché, mais j’aimerais lancer une requête en cliquant sur un bouton. Je vois un exemple pour “re” récupérer une requête quand un bouton est cliqué, mais je ne veux pas l’interroger initialement. Je vois qu’il existe un moyen d’appeler […]

“Toute utilisation d’un object à clé doit être encapsulée dans React.addons.createFragment (object) avant d’être transmise en tant qu’enfant”

Je reçois l’avertissement suivant: Toute utilisation d’un object à clé doit être encapsulée dans React.addons.createFragment (object) avant d’être transmise en tant qu’enfant. Quelle est la cause de cette erreur et comment puis-je la réparer?

Essayer d’utiliser fetch et passer en mode: no-cors

Je peux atteindre ce sharepoint terminaison, http://catfacts-api.appspot.com/api/facts?number=99 via Postman et il renvoie JSON De plus, j’utilise create-react-app et je voudrais éviter de configurer un serveur. Dans mon code client, j’essaie d’utiliser fetch pour faire la même chose, mais j’obtiens l’erreur: Aucun en-tête “Access-Control-Allow-Origin” n’est présent sur la ressource demandée. L’origine ‘ http: // localhost: 3000 […]

La construction du module a échoué: ReferenceError:

J’ai cette configuration package.json { “name”: “app02”, “version”: “1.0.0”, “description”: “”, “main”: “webpack.config.js”, “dependencies”: { “react”: “^0.14.3” }, “devDependencies”: { “babel-core”: “^6.2.1”, “babel-loader”: “^6.2.0”, “babel-preset-es2015”: “^6.1.18” }, “scripts”: { “test”: “echo \”Error: no test specified\” && exit 1″ }, “author”: “”, “license”: “ISC”, “private”: true } webpack.config.js module.exports = { entry: “./src/main.js”, output: { path: […]

Y a-t-il une différence entre React.render () et ReactDOM.render ()?

J’ai remarqué que certains endroits dans les articles ont utilisé React.render() et certains des endroits ReactDOM.render() . Y a-t-il des différences spécifiques entre ces deux?

Redux, Dois-je importer un magasin dans tous mes conteneurs si je veux avoir access aux données?

Peut-être ne suis-je pas en train de me concentrer sur redux, mais tous les exemples que j’ai vus n’accèdent pas vraiment à l’état entre les conteneurs et je n’ai donc pas vu beaucoup d’utilisation de store.getState (), mais même si vous voulez Envoi, vous devez avoir access au magasin, non? Donc, à part l’importation du […]

Dans JSX, comment définir un className comme chaîne + {prop}

Je suis un peu nouveau à réagir et à essayer de définir un className comme chaîne + prop. Mais je ne sais pas comment le faire et si c’est la meilleure pratique. Donc, ce que j’essaie de faire, et cela ne fonctionne évidemment pas, est la suivante: Comment pourrais-je aller pour écrire ceci?

il doit s’agir d’une fonction, généralement de React.PropTypes

Je veux transmettre une chaîne de Main à Header. Il réussit mais avertit. Je suis un débutant de React donc je ne peux pas comprendre ce it must be a function moyen de it must be a function . Quelqu’un sait comment résoudre cet avertissement? L’avertissement est: Et mon code est ci-dessous: Main.js import React […]

Comment rendre une chaîne de texte multi-lignes dans React

Supposons que je dispose d’une chaîne de texte contenant des sauts de ligne et que je la calcule comme suit: render() { var text = “One\nTwo\nThree”; return {text}; } En HTML, les sauts de ligne ne sont pas rendus comme des sauts de ligne. Comment dois-je le faire dans React? Je ne veux pas convertir […]

Mettre à jour l’état du composant depuis l’extérieur de React (sur la réponse du serveur)

Je suis en train d’apprendre React. À l’heure actuelle, plusieurs components liés en tant que parent-enfant, la communication entre eux se fait facilement avec des rappels. J’ai une table (composant de réaction) et une petite forme ajax modale (pas de réaction). Lorsque je reçois la réponse (un élément) du serveur, je souhaite append l’élément à […]