ReactJSの更新不能ヘルパーへのアクセス方法

Question

this documentation pageに私が利用できる更新不能ヘルパーがあることがわかりました。唯一のことは、ASP.NET MVCプロジェクト内でアクセスする方法を混乱させることです。 update()のコードにアクセスする方法はわかりません。

私はReactJS Nugetパッケージをインストールしましたが、ReactJSライブラリが必要なページに以下のバンドル設定を含めました。

// ReactJS bundle 
bundles.Add(new ScriptBundle("~/bundles/reactjs") 
     .Include("~/Scripts/react-with-addons.js", 
     "~/Scripts/react-dom.js")); 

最初に私はエラーを受け取りました。それから、ドキュメントの中に示されているように定義する必要があることが私には明白になりました - それはRequireJSを使用する必要があるように見えます。

require.js:168 Uncaught Error: Module name "react-addons-update" has not been loaded yet for context: _. Use require([])

は、悲しいことに、私はRequireJSに慣れていないんだけど、私は、ドキュメントをスキャンしている：私はRequireJSをインストールしていると私は今、次のエラーを取得していたJavaScriptコード

var update = require('react-addons-update'); 

。最初はRequireJSがファイルfrom NPMをロードすると仮定しましたが、これはGoogleを検索するときにウェブ上で言及される唯一の場所だからですが、間もなく私の中の場所にスクリプトを持たなければならないことに気づきましたファイルシステム。

これで、適切なファイルを検索して、update()のインスタンスを取得できるようになりました。私はGithubを検索してNPMとリンクしていますが、ReactJSリポジトリ全体につながります。

私はJavaScriptに精通していますが、これは私を困惑させてしまいました。

react-addons-updateのソースに私のプロジェクトに含めるにはどうしたらいいですか？

Answer 1

私は、次のコードをヘルパーにアクセスできるようにしていますreact-with-addons.js含むてるので、次のようになります。

var update = React.addons.update; 

Answer 2

アドオンが将来的に削除されたときに、あなたのコードを使用することができることを確実にするためにきれいになりますReactのバージョン

以下を含む反応-アドオン-update.jsはそれを行います作成：

define(["react"], function(r) { 
    return r.addons.update; 
}); 

それとも、複数のアドオンのためにこれをやってみたいけどごとに個別のファイルを作成しない場合、その後、あなたが作成することができますファイル：反応するアドオン-modules.js：

define("react-addons-create-fragment", ["react"], function (r) { 
    return r.addons.createFragment; 
}); 
define("react-addons-transition-group", ["react"], function (r) { 
    return r.addons.TransitionGroup; 
}); 
define("react-addons-update", ["react"], function (r) { 
    return r.addons.update; 
}); 

そしてrequireJSの設定であなたが持っていることを確認：

requirejs.config({ 
    paths: { 
     "react-addons-create-fragment": "react-addon-modules", 
     "react-addons-transition-group": "react-addon-modules", 
     "react-addons-update": "react-addon-modules" 
    } 
});