javascript - 如何在 ReactJs.Net 的 JSX 文件中使用自定义 ReactJs 组件

Question

我想使用以下反应组件ImageLoader但我不明白如何将它集成到我当前的 Asp.net mvc 项目中。我目前正在使用 ReactJs.net 的帮助从一个单独的 JSX 运行我自己的 reactJs 组件。

Answer 1

您可以做到，但这不是一项简单的任务，因为该组件是使用ES6开发的，或者，您可以说是 Javascript 的新定义（或更准确地说，“ECMAscript”）。您有两个主要选择：

1）自己开发组件。您可以在其Github Page中访问该组件的源代码。即使你不熟悉 ES6，我认为这个组件背后的逻辑应该很容易理解（如果你不想深入研究预编译和使用 Npm/Bower/etc，我推荐这个）。

2) 由于目前（2015 年 12 月 23 日）并非所有浏览器都支持 ES6。为了使其在 Visual Studio 中与您的项目正常工作，您需要将项目配置为使用NPM、GULP和 BABEL（查看第一个链接以获取更多信息）以“预编译”文件并能够使用它在你的 JSX 中。使用Bower或Npm，您应该能够将该组件导入到您的项目中。

您还可以将代码复制并粘贴到项目中的文件中，以便使用 Babel for MSBuild 进行预编译。

无论哪种方式，您都需要更加了解 ES6 和/或在 Visual Studio 中预编译 javascript 文件。