javascript - 如何在 React.NET 中导出 JavaScript 文字

Question

我正在使用属性来传递组件依赖项。当使用依赖于 jQuery 或 SignalR 等运行时库的代码进行服务器端渲染时，这一点尤其重要。就我而言，我需要在服务器端渲染我的组件，然后将 JS 连接到它并在浏览器中传输实时数据。所以我不需要 SignalR 服务器端，但我需要使用 React.NET 传递对客户端上的 Web 套接字集线器的引用。

@Html.React("Comments", new
{
    data = Model,
    conn = "$.hubConnection()" //<--- I need this to be a literal not a string
})

Answer 1

深入研究 React.NET 的源代码后，我发现它使用 Newtonsoft 来序列化数据。所以你可以使用Jraw。

@Html.React("Comments", new
{
    data = Model,
    conn = new Newtonsoft.Json.Linq.JRaw("$.hubConnection()")
})

然后我只需要包含一个简单的模拟，这样它就不会在服务器端渲染期间抛出错误。

// this file contains mocks for global variables that are referenced by server-side code but only needed client-side. For example SignalR.

// mock jQuery
var $ = jQuery = {};

// mock SignalR API
$.hubConnection = function() {};

工作起来就像一个魅力!