node 服务端绘制 react 入门
来源:互联网 发布:100 7 js是什么意思 编辑:程序博客网 时间:2024/06/01 19:21
如果有react 的模板,希望需要通过node 在服务端绘制,可以使用如下简易代码
index.js 代码如下,包含定义react 组件,之后输出绘制结果
var React = require('react');var ReactDOMServer = require('react-dom/server');class MyComponent extends React.Component { render() { return <div>Hello World</div>; }}console.log(ReactDOMServer.renderToString(<MyComponent />));
如上代码无法直接执行,node 不认识 jsx 预发,需要用到Babel转化(bebel 目前已经自带react 转码plugin,不需要额外通过.babelrc 文件指定了)
安装babel-cli
npm install –save-dev babel-cli
Babel参考文档
执行如下进行转码
babel index.js -o out.js
执行转码后的文件
node out.js
执行效果如下
阅读全文
0 0
- node 服务端绘制 react 入门
- Node.js后台服务端技术入门
- Node.js服务端初入门之POST解析
- Node.js TCP服务端
- 签到APP:android入门级小项目,Node.js 提供服务端接口
- node+react+ant 项目
- React入门
- react入门
- React入门
- react入门
- React入门
- React入门
- React入门
- react入门
- react 入门
- React入门
- react入门
- React入门
- 绿色清新资讯文章类织梦模板免费下载
- if __name__ == '__main__'
- JSP(三)
- reactor和proactor模式
- 查找每个sid的最新一条数据
- node 服务端绘制 react 入门
- Nginx反爬虫攻略:禁止某些User Agent抓取网站
- HDU3068 最长回文
- 获得每日,每周,每月的0点和24点的时间戳
- linux c++ 三种信号量
- Java 抽象类常见问题及程序实例
- 北京充电桩数据的获取与展示
- 直播技术原理讲解
- IntelliJ Idea 2017 免费激活方法