ReactJs.net 客户端初始化的服务器端渲染抛出警告

ReactJs.net Server Side Rendering with client initialization throws warning

我有一个 reactjs.net 实现...没什么特别的。我理解所有代码,但不明白为什么我在 web-console:

中出错

正在用新的根组件替换 React-rendered children。如果您打算更新此节点的 children,您应该让现有的 children 更新它们的状态并渲染新组件,而不是调用 ReactDOM.render

基本上,我有一个 工作 JSX 文件并在 asp.net mvc 视图中使用

渲染它
@Html.React("myClass",{ data = "Martin" })
@Html.ReactInitJavascript()

组件渲染良好,我使用 serverSideOnly 等对其进行了测试。一切正常。但是通过上面的配置,我得到了提到的错误。我看起来 React 正在尝试 re-render 组件,而不是像文档中所说的那样只是连接事件处理程序。

知道我做错了什么吗?

我遇到了类似的问题,我用以下方法解决了它。

首先只获取要呈现到页面的普通 html。

@Html.React("myClass",{ data = "Martin" }, serverOnly: true)

第二次连接前端。

@Html.ReactInitJavaScript(clientOnly: true)

我终于知道为什么会弹出这个错误了。它与封闭的 html 有关,我——尽管我很笨拙——使用为 React-creation 设置的 id-tag 创建了 div。我刚刚删除了外面的 div 并且 React 为我创建了那个。我对 React 有点误解。