ホームページ > 記事 > ウェブフロントエンド > React.js での Mixins.js の使用の詳細な説明
今回は、React.js での Mixins.js の使用方法と、React.js で Mixins.js を使用する際の 注意事項 について詳しく説明します。実際のケースを見てみましょう。
最初のnpmインポートreact-mixinnpm install --save react-mixin@2mixins.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 サイトの他の関連記事に注目してください。 推奨書籍:
Vue.js はトランジション アニメーションを使用してルーティング ジャンプ アニメーションを作成します
以上がReact.js での Mixins.js の使用の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。