ReactDOM.render(
^
…
);
解決:
先在project的根目錄新建一個空白文件.babelrc
安裝$npm install babel-plugin-transform-react-jsx
在.babelrc文件中加入:
{
"plugins":["transform-react-jsx"]
}
//我自己另一個配置方法如下:
在.babelrc文件中加入:
{
"presets":["es2015","react","stage-2"]
}
各人情況不同,變化不一,但都是向這個方向 去走。解析JSX到JS
express+react 前後端調用注意
from http://www.cnblogs.com/BestMePeng/p/react_ssr.html
6. 前端/node端“入口文件”通過webpack構建有什麼不同?答:前端是爲了解析JSX與es6代碼(包括mobx的es6 decorator),node端除了以上,還需要加入babel-plugin-transform-runtime,是爲了在node良好地運行es7 async / awatit
7. 如何保證node端能夠先請求數據然後再渲染?答:es7的async / await語法
前端的react-router路由與node端路由如何配合?node如何知道該路由是渲染哪個數據呢?答:前端是以前的react-router配置,node端是react-router的match/RouterContext//