ReactJs.net Server Side Rendering with client initialization throws warning

Question

I have a reactjs.net implementation... nothing fancy. I understand all the code but cannot see why I get an error in the web-console:

Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render

Basically, I have a working JSX file and render it in a asp.net mvc view with

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

The component is rendered fine and I tested it with serverSideOnly etc. All good. But with the above configuration, I get the mentioned error. I looks like React is trying to re-render the component instead of just hooking up event handlers as the documentation says.

Any clue what I am doing wrong?

Martin Horvath · Accepted Answer · 2016-11-26 09:27:23Z

1

I actually found out why this error popped up. It has to do with the enclosing html where I - clumsy as I am - created the div with the id-tag that was set for the React-creation. I just deleted the outside div and React created that one for me. So kind of a misunderstanding of React on my side.

answered Nov 26, 2016 at 9:27

Martin Horvath

5061 gold badge7 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Revolution42 · Accepted Answer · 2016-11-08 04:19:06Z

0

I had a similar issue I solved it with the following.

First just get the plain html to render to the page.

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

Second hookup the frontend.

@Html.ReactInitJavaScript(clientOnly: true)

answered Nov 8, 2016 at 4:19

Revolution42

1911 silver badge5 bronze badges

Collectives™ on Stack Overflow

ReactJs.net Server Side Rendering with client initialization throws warning

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related