ホームページ  >  記事  >  ウェブフロントエンド  >  React.js での Mixins.js の使用の詳細な説明

React.js での Mixins.js の使用の詳細な説明

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-13 14:54:012300ブラウズ

今回は、React.js での Mixins.js の使用方法と、React.js で Mixins.js を使用する際の 注意事項 について詳しく説明します。実際のケースを見てみましょう。

最初のnpmインポートreact-mixin

npm install --save react-mixin@2

mixins.jsファイルを定義します

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

どこで使用するか、最初にreact-mixinと独自に定義したmixinsをインポートします

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

属性タイプの設定と同じ

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

使用する場所ローカル呼び出し: log() メソッドを呼び出します

MixinLog.log();

この記事の事例を読んだ後は、このメソッドを習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

vuex の Vue.js (状態管理)

Vue.js はトランジション アニメーションを使用してルーティング ジャンプ アニメーションを作成します

Vue.js のルートの名前付けとビューの名前付け

以上がReact.js での Mixins.js の使用の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:React.jsの小道具次の記事:React.jsの小道具