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

php中世界最好的语言
リリース: 2018-03-13 14:54:01
オリジナル
2324 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート