专业接受的使用 Blazor 操作 DOM 的方法是什么？是 JSInterop 还是其他 Blazor 方法？

Question

我想要完成的就是动态添加一个新的

DIV

到我的 UI。

我见过一些嘲笑 JSInterop 的使用的帖子，因为 Blazor 应该“隐藏”JavaScript 以使编码“更容易”；一个例子在这里：

Blazor 动态 createElement 和appendChild

然而，谷歌搜索的许多回复都是这样的：

https://www.google.com/search?q=how+to+add+a+new+div+to+an+existing+div+microsoft+blazor+application

说使用 JSInterop。

对于 JavaScript，我假设 JSInterop 提供了，所需要的就是这样：

const MAIN_DIV = document.getElementById('main_div');

let newDiv = document.createElement('div');
MAIN_DIV.appendChild(newDiv);

据我了解，发明 Blazor 的目的是为了消除了解 JavaScript 的需要，以便 .NET 开发人员可以以 .NET 方式进行编码。然而，在我看来，这让事情变得更加困难。

那么，专业人士接受的使用 Blazor 操作 DOM 的方法是什么？

Answer 1

我检查了你的搜索。 我的结果是：

最重要的答案是：

• Blazor 动态 createElement 和appendChild

那里的所有答案/评论基本上都问同样的问题“你为什么尝试使用 JS？”。 一些回答/评论的人知道他们的主题，并且自 Blazor 到来以来已经在这里回答了许多问题。

您声明“Google 搜索的许多回复......说要使用 JSInterop”。

恐怕他们错了。

如果您在谷歌搜索中阅读了有关SO问题的答案和评论，您就会很好地理解原因。