Explication détaillée de l'utilisation de Mixins.js dans React.js

Cette fois, je vais vous apporter une explication détaillée de l'utilisation de Mixins.js dans React.js. Quelles sont les précautions lors de l'utilisation de Mixins.js dans React.js. Voici des cas pratiques, voyons. jetez un oeil.

Première importation NPM React-mixin

npm install --save react-mixin@2

Définissez un fichier mixins.js

const MixinLog = {  //他和普通组件一样,也是有生命周期的
  componentWillMount() {      console.log('MixinLog--componentWillMount');
  },  // 定一个公共方法
  log() {      console.log('abcdefg.......');
  }
}export default MixinLog

Où utiliser, importez d'abord React-mixin et vos propres mixins de définition

import ReactMixin from 'react-mixin';import MixinLog from './mixins';

reviennent à définir le type d'attribut

ReactMixin(组件名字.prototype, MixinLog);

Appelez là où vous souhaitez l'utiliser : appelez la méthode log()

MixinLog.log();

I Je crois que vous avez lu le cas dans cet article. Vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Vue.js vuex (gestion de l'état)

Vue.js utilise l'animation de transition pour créer des animations de saut de routage

Nom d'itinéraire et vues nommées pour Vue.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!