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

Question

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

Answer 1

你可以做到，但这不是一项微不足道的任务，因为该组件是使用ES6开发的，或者，你可以说，是一个新的Javascript定义（或更确切地说，＆＃34） ;的EcmaScript＆＃34）。您有两个主要选择：

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

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

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

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