javascript - express框架怎么用react框架作为前端框架?
大家讲道理
大家讲道理 2017-04-11 11:16:10
[JavaScript讨论组]

想要不使用模板视图或者用react component 作为视图返回如何操作?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
高洛峰

不要设置视图引擎

app.set('views','./views')
app.set('view engine','jade');
//Don't do this

然后你需要引入静态资源
如果你使用webpack,需要把dist里面打包好的文件作为静态资源引入
否则需要把所有的components目录作为静态资源引入
你的React就是简单的静态资源

app.use(express.static(path.join(__dirname,'src')));

最后直接在路由返回文件

app.get('/',function(req,res){
        res.sendFile(path.join(__dirname,'index.html'))
})
PHP中文网

不要配置视图引擎就ok了,页面全都走静态资源
app.use(express.static(path.join(__dirname, 'public')));

PHP中文网

React并不影响你已有的网站框架,最核心的部分在ReactDOM.render()方法上,你只要创建React.component, 传入props参数,渲染到需要的Dom节点上即可.
举个栗子以供参考

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号