TypescriptとReact JSX（TSX）でmixinsを使用する方法

Question

Reactコンポーネントは、LinkedStateMixinを使用する必要があるTypescript 2.0.6 + JSX（TSX）で書かれています。 mixinをクラス定義に含めるにはどうすればいいですか？私は公式の文書を検索せずに成功した。コンポーネントクラスにmixinを含める方法はありますか？

注：私は残念ながらReactJSのv0.14.6

Answer 1

を使用しています、正式にミックスインパターンから離れて移動した反応：https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html。 ES6スタイルの反応コンポーネントを使用していない場合でもそれらを使用できます。しかし、あなたは本当にあなたがこのライブラリを使用することができ、それを必要とする場合：https://github.com/brigand/react-mixin

Answer 2

あなたはミックスインの現在の状態について知っていれば、私は知らない...そう： https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html

は更新が反応することを検討v15.4.0および高次コンポーネントを使用します。

あなたが本当にそれを必要とする場合は、この方法で

を警告してきました。このミックスインのインストール：npm install react-addons-linked-state-mixinを、あなたが望むものを達成するために、このような何かを：

// choose one way :P 
import LinkedStateMixin from 'react-addons-linked-state-mixin' // ES6 
var LinkedStateMixin = require('react-addons-linked-state-mixin') // ES5 with npm 
var LinkedStateMixin = React.addons.LinkedStateMixin; // ES5 with react-with-addons.js 


var WithLink = React.createClass({ 
    mixins: [LinkedStateMixin], 
    getInitialState: function() { 
    return {message: 'Hello!'}; 
    }, 
    render: function() { 
    return <input type="text" valueLink={this.linkState('message')} />; 
    } 
}); 

https://facebook.github.io/react/docs/two-way-binding-helpers.html#linkedstatemixin-before-and-after