如何在react.NET中使用react插件

我试图在一个使用服务器端渲染和react.NET的项目中使用react插件组件ReactCSSTransitionGroup

每当我在视图中调用@Html.React以启动服务器端渲染时，都会出现以下异常

将WorkOrderGeneralTab呈现给react1时出错：脚本抛出 异常：“ReactCSTranssitionGroup”未定义。行：0列：0

如何让react.net服务器端渲染器识别像CSSTransitionGroup这样的react插件的定义

以下是我在其他地方所做的可能相关的事情

react-with-addons.js v0.13.1与我们自己的jsx文件一起捆绑并发送到客户端。 下面是我的ReactConfig.cs中的内容

ReactSiteConfiguration.Configuration
            .AddScript("~/Scripts/react-with-addons.js")
            .AddScript("~/Features/WorkOrder/_Notes.jsx")
            .AddScript("~/Features/WorkOrder/_General.jsx");

下面是引发异常的.cshtml文件中的服务器端代码

@Html.React("WorkOrderGeneralTab", new
{
    workOrder = Model,
    tabName = "General",
    softCloseUrl = @Url.Action("SoftClose"),
    reopenUrl = @Url.Action("Reopen"),
    userPermissions = new { 
        softClose = @Html.UserHas(Permission.WorkOrderSoftClose),
        reopen = @Html.UserHas(Permission.WorkOrderReopen)
    }
})

最后，这里是引发异常的组件。此组件由WorkOrderGeneralTab的渲染函数实例化和渲染

var WOGeneralActionButtons = React.createClass({displayName: 'WOGeneralActionButtons',
  render: function() {
    var closeOrReopenBtn;
    // logic that chooses close vs reopen button... 

    var CopyDeleteButtons = <WOCopyDeleteButtons/>;
    var ExportPrintButtons = <WOExportPrintButtons/>;
    return (
          <div className="col-md-6 text-right">
            <ReactCSSTransitionGroup transitionName="example">
              {closeOrReopenBtn}
            </ReactCSSTransitionGroup>
            {CopyDeleteButtons}
            {ExportPrintButtons}
          </div>
    );
  }
});

我还定义了一些css来支持transitionName=示例

要让服务器端渲染器将ReactCSTransanitionGroup识别为有效组件，我缺少什么？如果我删除ReactCSStransitongGroup标记，其他所有操作都会保持不变，并保留过渡动画

---

提前谢谢你

由于您尚未发布所有代码，这可能是不正确的。但是ReactCSTranssitionGroup不是全局变量，它位于React.addons对象上。所以你需要这个：

var reactcstransitingroup=React.addons.cstransitingroup

---

使用之前，在代码中的某个地方。

果然，这个简单的更改消除了我遇到的错误。非常感谢！