La programmation reactjs

15

Comment combiner plusieurs objets de style en ligne?

Dans React, vous pouvez clairement créer un objet et l'affecter en tant que style en ligne. c'est à dire. mentionné ci-dessous. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor …

214 reactjs

9

Reactjs convertit une chaîne html en jsx

J'ai du mal à gérer le ReactJS de Facebook. Chaque fois que je fais ajax et que je veux afficher des données html, ReactJS les affiche sous forme de texte. (Voir figure ci-dessous) Les données sont affichées via la fonction de rappel de réussite du jquery Ajax. $.ajax({ url: url …

213 javascript jquery ajax reactjs

4

Quand utiliser les composants React basés sur la classe ES6 par rapport aux composants ES6 React fonctionnels?

Après avoir passé du temps à apprendre React, je comprends la différence entre les deux principaux paradigmes de création de composants. Ma question est quand dois-je utiliser lequel et pourquoi? Quels sont les avantages / compromis de l'un sur l'autre? Classes ES6: import React, { Component } from 'react'; export …

213 javascript reactjs ecmascript-6 redux

10

Comment passer des données du composant enfant à son parent dans ReactJS?

J'essaie d'envoyer des données d'un composant enfant à son parent comme suit: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); et voici le composant enfant: export const SelectLanguage …

213 reactjs

7

La fonction React onClick se déclenche au rendu

Je passe 2 valeurs à un composant enfant: Liste des objets à afficher supprimer la fonction. J'utilise une fonction .map () pour afficher ma liste d'objets (comme dans l'exemple donné dans la page du didacticiel react), mais le bouton de ce composant déclenche la onClickfonction, lors du rendu (il ne …

212 javascript reactjs button onclick dom-events

15

ReactNative: comment centrer le texte?

Comment centrer le texte dans ReactNative à la fois horizontalement et verticalement? J'ai un exemple d'application dans rnplay.org où justificationContent = "centre" et alignItems = "centre" ne fonctionne pas: https://rnplay.org/apps/AoxNKQ Le texte doit être centré. Et pourquoi y a-t-il une marge en haut entre le texte (jaune) et le conteneur …

212 reactjs flexbox react-native

18

Comment spécifier un port pour exécuter un projet basé sur create-react-app?

Mon projet est basé sur create-react-app . npm startou yarn startpar défaut exécutera l'application sur le port 3000 et il n'y a pas d'option de spécifier un port dans le package.json. Comment puis-je spécifier un port de mon choix dans ce cas? Je veux exécuter deux de ce projet simultanément …

212 reactjs npm

6

ReactJS - .JS vs .JSX

Il y a quelque chose que je trouve très déroutant lorsque je travaille React. Il existe de nombreux exemples disponibles sur Internet qui utilisent des .jsfichiers avec react mais de nombreux autres utilisent des .jsxfichiers. J'ai lu des .jsxfichiers et je crois comprendre qu'ils vous permettent juste d'écrire des balises …

211 reactjs jsx

6

Comment appeler la fonction de chargement avec React useEffect une seule fois

Le hook useEffect React exécutera la fonction passée à chaque modification. Cela peut être optimisé pour qu'il n'appelle que lorsque les propriétés souhaitées changent. Que faire si je veux appeler une fonction d'initialisation à partir de componentDidMountet ne pas la rappeler en cas de modifications? Disons que je veux charger …

210 javascript reactjs react-hooks

11

Pourquoi l'immuabilité est-elle si importante (ou nécessaire) dans JavaScript?

Je travaille actuellement sur les frameworks React JS et React Native . À mi-chemin, je suis tombé sur Immutability ou la bibliothèque Immutable-JS , lorsque je lisais sur l'implémentation de Flux et Redux de Facebook. La question est, pourquoi l'immuabilité est-elle si importante? Qu'est-ce qui ne va pas dans la …

206 javascript reactjs functional-programming immutability immutable.js

9

Composant React initialiser l'état des accessoires

Dans React, existe-t-il de réelles différences entre ces deux implémentations? Certains amis me disent que le FirstComponent est le modèle, mais je ne vois pas pourquoi. Le SecondComponent semble plus simple car le rendu n'est appelé qu'une seule fois. Première: import React, { PropTypes } from 'react' class FirstComponent extends …

205 javascript reactjs components

8

Insérer du HTML avec des instructions variables React (JSX)

Je construis quelque chose avec React où j'ai besoin d'insérer du HTML avec des variables React dans JSX. Existe-t-il un moyen d'avoir une variable comme ceci: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; et de l'insérer dans réagir comme ça, et ça marche? render: function() { return ( <div …

204 javascript html frontend reactjs react-jsx

6

pour appeler l'événement onChange après avoir appuyé sur la touche Entrée

Je suis nouveau sur Bootstrap et coincé avec ce problème. J'ai un champ de saisie et dès que j'entre un seul chiffre, la fonction de onChangeest appelée, mais je veux qu'elle soit appelée lorsque j'appuie sur «Entrée» lorsque le numéro entier a été entré. Le même problème pour la fonction …

204 javascript twitter-bootstrap reactjs

10

Comment utiliser les boutons radio dans ReactJS?

Je suis nouveau sur ReactJS, désolé si cela sonne. J'ai un composant qui crée plusieurs lignes de table en fonction des données reçues. Chaque cellule de la colonne possède une case à cocher radio. Par conséquent, l'utilisateur peut sélectionner un site_nameet un addressparmi les lignes existantes. La sélection doit être …

204 html reactjs

9

axios post demande d'envoyer des données de formulaire

La POSTrequête axios atteint l'URL du contrôleur mais définit des valeurs nulles pour ma classe POJO, lorsque je passe par les outils de développement dans Chrome, la charge utile contient des données. Qu'est-ce que je fais mal? Demande Axios POST: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ …

204 reactjs react-redux axios ajaxform axios-cookiejar-support

Questions marquées «reactjs»