ReactJS无效的校验和

 天堂调度长 发布于 2022-12-18 15:55

尝试使用ReactJS和节点进行服务器端渲染时,我一直收到以下错误.

React attempted to use reuse markup in a container but the checksum was invalid.

我已经看到一个答案,在服务器和客户端传递相同的道具解决了这个问题.在我的例子中,我没有任何道具,所以我不确定答案是否适用于我的问题.

您可以在我的github帐户上查看我的完整示例.

我在下面列出了重要的代码.非常感谢任何见解.

JSX

/** @jsx React.DOM */
var React = require('react');
var index = React.createClass({
    render: function() {
        return (
          
          
            
          
          
            
hello
); } }); if (typeof window !== "undefined") { React.renderComponent(, document.documentElement); } else { module.exports = index; }

服务器

require('node-jsx').install();
var express = require('express'),
    app     = express(),
    React = require('react'),
    index = require('./index.jsx');

var render = function(req, res){
  var component = new index();
  var str = React.renderComponentToString(component);
  res.set('Content-Type', 'text/html');
  res.send(str);
  res.end();
}

app.get('/',render);
app.use(express.static(__dirname));

app.listen(8080);

Michelle Til.. 13

更改

React.renderComponent(, document.documentElement);

React.renderComponent(, document);

并且通知消失了.

截图

1 个回答
  • 更改

    React.renderComponent(<index/>, document.documentElement);
    

    React.renderComponent(<index/>, document);
    

    并且通知消失了.

    截图

    2022-12-18 16:00 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有