最近开新项目(node+express+ejs+react) 要在服务端渲染 react组件。瞎搞了一个星期终于可以实现react组件在服务端渲染。但是浏览器只能得到服务端返回的html字符串。如果渲染一个按钮,该按钮有onclick 事件,浏览器只能显示该按钮,点击按钮不会触发响应事件。主要代码如下。
项目结构
这是app.js文件
index.js路由文件如下
Greeter.js文件 react组件
package.json文件 里面出现的插件全部都安装了
webpack.config.js配置文件
.babelrc文件
index.ejs模板 模板引用webpack打包后的 react组件。 不引用该组件 点击按钮没反应,引用了该组件浏览器有报错
运行程序页面能显示按钮 但会报错找不到react
app.js没有导入react