javascript - Blazor javascript interop - 从 js 到 .NET 的对象转换

Question

我正在使用 Blazor javascript 互操作(js 调用 .NET)，如

//js
dotNetObjRef.invokeMethodAsync("DotNetMethod", jsObject);
---------------------------------------------------------
//C#
[JSInvokable]
public void DotNetMethod(object jsObject)
{
    Console.WriteLine($"jsObject type is {jsObject.GetType()}");
}

在浏览器控制台中，我得到:

'jsObject type is SimpleJson.JsonObject'

现在我想将 jsObject 转换为具体的 SimpleJson.JsonObject，如

[JSInvokable]
public void DotNetMethod(object jsObject)
{
    JsonObject jsObject = (JsonObject)jsObject; //error
}

但是我所有使用 SimpleJson 的 C# 社区实现(如 https://github.com/facebook-csharp-sdk/simple-json)的试验都失败了，提示转换无效。

作为解决方法，我遍历字符串:

//js
dotNetObjRef.invokeMethodAsync("DotNetMethod", JSON.stringify(jsObject));
.
//C#
[JSInvokable]
public void DotNetMethod(string jsObjectJSON)
{
    JsonObject jsObject = SimpleJson.DeserializeObject<JsonObject>(jsObjectJSON);
}

有谁知道是否可以(以及如何)直接使用接收到的 jsObject，即避免序列化/反序列化(并且没有反射)？

Answer 1

为什么不直接接收 JSON，而是接收先前定义的对象？

let x = {
    "data": "test",
    "moreData": "another test"
}

dotnetHelper.invokeMethodAsync('selectionChanged', x);

然后

//C#
public class InteropHelper
{
    public event Action OnSelectionChanged;

    [JSInvokable]
    public void selectionChanged(TestItem data)
    {
        OnSelectionChanged?.Invoke();
    }

    class TestItem
    {
        public string data { get; set; }
        public string moreData { get; set; }
    }
}

Blazor 会自动知道 JSON 中的哪些字段与 TestItem 中的哪些字段对应。