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

How do I use a custom ReactJs component inside my JSX file from ReactJs.Net

我想使用以下 React 组件 ImageLoader 但我不明白如何将它集成到我当前的 Asp.net mvc 项目中。我目前 运行 使用 ReactJs.net.

的帮助来自单独的 JSX 我自己的 reactJs 组件

您可以做到,但这不是一项简单的任务,因为该组件是使用 ES6 开发的,或者,您可以说是 Javascript 的新定义(或更准确地说,"ECMAscript").您有两个主要选择:

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

2) 由于目前所有浏览器都不支持 ES6(2015 年 12 月 23 日)。要使其与 Visual Studio 中的项目一起正常工作,您需要将项目配置为使用 NPM and GULP 和 BABEL(查看第一个 link 了解更多信息)到 "pre-compile" 文件并能够在你的 JSX 中使用它。使用 BowerNpm 您应该能够将该组件导入到您的项目中。

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

无论哪种方式,您都需要更加了解 ES6 and/or 预编译 javascript 文件 Visual Studio.