扫码关注官方订阅号
想要不使用模板视图或者用react component 作为视图返回如何操作?
光阴似箭催人老,日月如移越少年。
不要设置视图引擎
app.set('views','./views') app.set('view engine','jade'); //Don't do this
然后你需要引入静态资源如果你使用webpack,需要把dist里面打包好的文件作为静态资源引入否则需要把所有的components目录作为静态资源引入你的React就是简单的静态资源
webpack
dist
components
app.use(express.static(path.join(__dirname,'src')));
最后直接在路由返回文件
app.get('/',function(req,res){ res.sendFile(path.join(__dirname,'index.html')) })
不要配置视图引擎就ok了,页面全都走静态资源app.use(express.static(path.join(__dirname, 'public')));
React并不影响你已有的网站框架,最核心的部分在ReactDOM.render()方法上,你只要创建React.component, 传入props参数,渲染到需要的Dom节点上即可.举个栗子以供参考
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不要设置视图引擎
然后你需要引入静态资源
如果你使用
webpack,需要把dist里面打包好的文件作为静态资源引入否则需要把所有的
components目录作为静态资源引入你的React就是简单的静态资源
最后直接在路由返回文件
不要配置视图引擎就ok了,页面全都走静态资源
app.use(express.static(path.join(__dirname, 'public')));
React并不影响你已有的网站框架,最核心的部分在ReactDOM.render()方法上,你只要创建React.component, 传入props参数,渲染到需要的Dom节点上即可.
举个栗子以供参考