ReactJs.net服务器端渲染与客户端初始化会引发警告

时间:2016-10-15 12:00:49

标签: asp.net-mvc reactjs reactjs.net

我有一个reactjs.net实现......没什么特别的。我理解所有代码,但无法理解为什么我在Web控制台中收到错误:

用新的根组件替换React渲染的子组件。如果您打算更新此节点的子节点,则应该让现有子节点更新其状态并呈现新组件,而不是调用ReactDOM.render

基本上,我有一个工作 JSX文件并使用

在asp.net mvc视图中呈现它
@Html.React("myClass",{ data = "Martin" })
@Html.ReactInitJavascript()

该组件呈现正常,我使用serverSideOnly等测试它。一切都很好。但是通过上面的配置,我得到了上面提到的错误。我看起来React正试图重新渲染组件,而不是像文档所说的那样挂钩事件处理程序。

任何线索我做错了什么?

2 个答案:

答案 0 :(得分:1)

我实际上发现了为什么会出现这个错误。它与封闭的html有关 - 我在这里笨拙 - 创建了带有为React创建设置的id-tag的div。我刚刚删除了外部div,React为我创建了一个。所以对React的误解就在我身边。

答案 1 :(得分:0)

我有一个类似的问题,我解决了以下问题。

首先只需获取简单的html即可呈现到页面。

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

第二次连接前端。

@Html.ReactInitJavaScript(clientOnly: true)