React Server Side Rendering - 无效的校验和警告

Question

我正在做Nodeschool的反应教程，标题为learnyoureact的模块。

我参加了Isomorphic课程（11个中的8个）并且我遇到了警告：

warning.js:44Warning: React attempted to reuse markup in a container but the checksum was invalid.
This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting.
React injected new markup to compensate which works but you have lost many of the benefits of server rendering. 
Instead, figure out why the markup being generated is different on the client or server:

我的解决方案与此one相同，我甚至尝试从此解决方案进行复制和粘贴，但我仍然收到相同的警告。要重新创建问题，请复制上面代码中的代码。

这一切意味着什么？我查看了一些有关此问题的帖子，例如this和this，但我不认为解决方案与我的问题/警告相关。作为一名React新手，我对下一步该做什么感到困惑。 HTML页面看起来不错，但learnyoureact模块表示生成了不同的HTML，我也可以在Chrome的检查工具中看到它。

我已经发现问题源于这一行。

ReactDOM.render(<TodoBox data={data} />, document.getElementById("app"));

如何解决此问题/警告？谢谢！

这是错误跟踪的图片：

这就是我现在看到的。几个小时后我离开并重新跑node program.js后，警告神秘地消失了，但在我的终端，我仍然得到同样错误的HTML。有什么想法吗？