Articles of reactjs

Réagir onClick et preventDefault () lien actualiser / redirect?

Je rends un lien avec réaction: render: -> `upvote` Ensuite, au dessus, j’ai la fonction upvote: upvote: -> // do stuff (ajax) Avant le lien, je devais passer à cet endroit mais je dois passer au lien et voici le problème – chaque fois que je clique sur .upvotes la page est actualisée, ce que […]

Comment définir le DefaultRoute sur une autre route dans React Router

J’ai ce qui suit: Lorsque vous utilisez DefaultRoute, SearchDashboard génère un rendu incorrect car tout tableau de bord * doit être rendu dans Dashboard. Je voudrais que mon DefaultRoute dans la route “app” pointe vers la route “searchDashboard”. Est-ce quelque chose que je peux faire avec React Router, ou devrais-je utiliser le Javascript normal (pour […]

Comment append une classe avec React.js?

J’ai besoin d’append la classe “active” après avoir cliqué sur le bouton pour supprimer toutes les autres classes “actives”. Regardez ici s’il vous plaît: https://codepen.io/azat-io/pen/RWjyZX var Tags = React.createClass({ setFilter: function(filter) { this.props.onChangeFilter(filter); }, render: function() { return All male female child blonde } }); var Kid = React.createClass({ render: function() { return {this.props.name} } […]

Dans l’architecture de stream, comment gérez-vous les états de routage / URL côté client?

Suite à la question du cycle de vie du magasin , Dans une application Web classique, il est intéressant d’avoir un raccourci vers l’état actuel de l’application via l’URL pour que vous puissiez revoir cet état et utiliser les boutons avant et arrière pour vous déplacer entre les états. Avec Flux, nous voulons que toutes […]

ReactJS – Comment puis-je accéder à displayName d’un composant en utilisant javascript?

Je construis des composants React et aimerais parfois enregistrer sur la console le type de composant rendu, par displayName , que JSX utilise pour afficher le nom d’un composant. À partir du contexte d’un composant, comment puis-je accéder à la propriété displayName ? Par exemple, comment puis-je faire en console.log instruction console.log dans cet exemple […]

Réagir js changer l’état du composant enfant à partir du composant parent

J’ai deux composants: Composant parent à partir duquel je souhaite modifier l’état du composant enfant: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( Toggle Menu from Parent ); } } Et Composante Enfant : class ChildComponent extends Component { constructor(props) { super(props); this.state = { open: false; } } toggleMenu() […]

ReactJS – Récupère 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 jnknwqkjnkj jhiwhiw (this is 36px height) ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById(‘container’).clientHeight return Size: {elHeight}px but it should be 18px after the render; } }); ReactDOM.render( , document.getElementById(‘container’) ); RÉSULTAT Size: 36px but it […]

Erreur: Impossible de résoudre le module ‘style-loader’

J’utilise style-loader avec webpack et réagit. Lorsque je lance webpack in terminal, je Module not found: Error: Cannot resolve module ‘style-loader’ dans le fichier import.js bien que j’ai spécifié le chemin du fichier correctement. import ‘../css/style.css’; import React from ‘react’; import ReactDOM from ‘react-dom’; import jQuery from ‘jquery’; import TopicsList from ‘../components/topic-list.jsx’; import Layout from […]

Passage des noms de classe pour réagir aux composants

J’essaie de passer un nom de classe à un composant de réaction pour changer son style et ne semble pas fonctionner: class Pill extends React.Component { render() { return ( {this.props.children} ); } } Business J’essaie de changer le style de la pilule en passant le nom de la classe qui a le style respectif. […]

Comment utiliser les références dans React with Typescript

J’utilise Typescript avec React. J’ai du mal à comprendre comment utiliser les refs pour obtenir un typage statique et intellisense par rapport aux nœuds de réaction référencés par les refs. Mon code est le suivant. import * as React from ‘react’; interface AppState { count: number; } interface AppProps { steps: number; } interface AppRefs […]