Detaillierte Erläuterung der Verwendung von Mixins.js in React.js

Dieses Mal werde ich Ihnen die Verwendung von Mixins.js in React.js ausführlich erläutern. Was sind die Vorsichtsmaßnahmen bei der Verwendung von Mixins.js in React.js? Schauen Sie mal rein.

Zuerst npm-Import von React-Mixin

npm install --save react-mixin@2

Definieren Sie eine mixins.js-Datei

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

Verwendungsort: Importieren Sie zuerst React-Mixin und Ihre eigenen Definitions-Mixins

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

sind dasselbe wie das Festlegen des Attributtyps

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

Rufen Sie an, wo Sie es verwenden möchten: Rufen Sie die log()-Methode auf

MixinLog.log();

I Ich glaube, Sie haben den Fall in diesem Artikel gelesen. Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Vue.js vuex (Zustandsverwaltung)

Vue.js verwendet Übergangsanimationen, um Routing-Sprunganimationen zu erstellen

Routenbenennung und benannte Ansichten für Vue.js

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Mixins.js in React.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!