Some browsers (tested with Firefox and Chrome) add automatically <tbody>...</tbody>
tags to an HTML table that does not have them. Adding them in my Table component fix the issue:
render: function () {
return (
<table><tbody>
{
... same code as before ...
}
</tbody></table>
);
If you look at the html code generated by React, you can notice it adds some data attributes (data-reactid
) to all the HTML tags rendered by a React component (to more info about data attribute in general: go here). Since the <tbody>...</tbody>
tags was not from a React component, they did not have any data-reactid
and these attributes help React to track DOM nodes.
Anyway, thank you to these people who talked about this issue. Here the link https://groups.google.com/forum/#!topic/reactjs/NLs-PdrdDMA.
More about data-reactid
: https://groups.google.com/forum/#!topic/reactjs/ewTN-WOP1w8.