Articles of reactjs

Comment React.js accélère le rendu avec un DOM virtuel

Citation de cet article ( https://news.ycombinator.com/item?id=9155564 ) La réponse courte est que le DOM n’est pas lent. L’ajout et la suppression d’un nœud DOM sont quelques échanges de pointeurs, pas plus que la définition d’une propriété sur l’object JS. Les goulots d’étranglement DOM sont-ils uniquement ceux qui provoquent une mise à jour? Si tel est […]

Pourquoi le code suivant renvoie-t-il «Uncaught TypeError: inst.render n’est pas une fonction» et j’utilise React JS?

L’erreur Uncaught TypeError: inst.render n’est pas une fonction pointe sur le numéro de ligne function RenderComment(){ alert(“Clicked”); ReactDOM.render(React.createElement(“div”, {}, React.createElement(Comment,{})), //the error points to this line document.getElementById(‘content’) ); } Aussi je reçois un avertissement Avertissement: Commentaire (…): Aucune méthode de render trouvée sur l’instance de composant renvoyée: vous avez peut-être oublié de définir le render […]

Obtenir «TypeError: document.getElementById (…) est null» lors de l’utilisation de react.js avec chart.js

J’utilise react et chart.js ensemble pour tracer un graphique à barres. Mais dans chart.js, nous devons utiliser des balises canvas et pour trouver cette balise et y placer un graphique à barres, nous utilisons notre méthode habituelle document.getElementById() . J’ai essayé de nombreuses combinaisons telles que mettre document.getElementById() au début ou à l’intérieur d’un $(document).ready() […]

Warning.js: 45 Avertissement: setState (…): ne peut mettre à jour qu’un composant monté ou un composant de assembly

Je suis nouveau sur js , j’essaie d’utiliser this.setState ({mais je reçois un avertissement. Pouvez-vous me dire pourquoi je reçois l’avertissement ci-dessous warning.js: 45 Avertissement: setState (…): peut seulement mettre à jour un composant monté ou un composant de assembly. Cela signifie généralement que vous avez appelé setState () sur un composant non monté. Il […]

Les balises HTML passées dans ssortingng ne rendent pas le rendu

Je suis nouveau à js, J’ai un curseur déroulant qui fonctionne bien. Le contenu montre bien avec la balise p mais dans cette balise p j’ai besoin d’append un autre lien ou une balise de liste Si je lui donne affiche le tout une balise mais il ne rend pas comme une page Web normale. […]

Reactjs: scroller de contenu personnalisé jQuery avec reactjs

J’essaie d’intégrer le plugin de barre de défilement personnalisée Jquery ici pour réagir. voici mon code import $ from “jquery”; import mCustomScrollbar from ‘malihu-custom-scrollbar-plugin’; ….. componentDidMount: function() { // fixed sidebar var self = this; mCustomScrollbar($); $(ReactDom.findDOMNode(this.refs.menu_fixed)).mCustomScrollbar({ autoHideScrollbar: true, theme: ‘minimal’, mouseWheel:{ preventDefault: true } }); self.forceUpdate(); }, j’obtiens cette erreur index.jsx: 51 Uncaught TypeError: […]

Comment créer une structure HTML qui n’autorise que 3 éléments div dans chaque li. Dans React + underscore.js

Pour créer cette structure, je veux utiliser uniquement les méthodes underscore.js. J’ai ci-dessous tableau. var xyz = [{ ‘name’: ‘test’ },{ ‘name’: ‘test1’ },{ ‘name’: ‘test2’ },{ ‘name’: ‘test3’ },{ ‘name’: ‘test4’ },{ ‘name’: ‘test5′ }]; Et la structure HTML devrait créer comme ceci – test3 test4 test5 test6 test7 test8 J’utilise React et underscore.js […]

Comment rendre les données Pretty json dans la zone de texte React js?

Je suis nouveau pour réagir js.J’ai un problème pour rendre les jolies données json à l’intérieur de textarea.Je ne sais pas quelle partie est fausse je veux que mon prettyjson rende à l’intérieur de textarea Comme ceci “email”:”[email protected]”, “email”:”[email protected]”, ….. Ceci est mon code Mais je ne reçois rien dans ma zone de texte /** […]

Les noms de classe d’installation npm ne fonctionnent pas dans ma balise li

Je suis nouveau à Réagir JS. J’essaie de combiner mes classes en utilisant les noms de classe du paquet npm. https://www.npmjs.com/package/classnames mais ça ne marche pas: classname n’exécute pas la première fois-actif … est-ce que je l’utilise correctement? Quand j’utilise normalement, la classe fonctionne. Pouvez-vous me dire quel est le problème? C’est dans cette ligne: […]

Filtrage de la liste des tâches dans React Js

Je suis nouveau dans React (j’ai l’habitude de travailler avec Angular) et je travaille actuellement sur le filtrage de mon application de liste Todo en fonction d’une sélection de catégorie. J’ai cloné l’application de liste Todo à partir de http://todomvc.com/examples/react/#/ . J’ai ajouté une entrée “catégorie”, ce qui fonctionne, mais maintenant j’essaie de filtrer par […]