react服务端渲染（二）服务端react组件书写

1. react服务端渲染基本流程

1. 创建一个react的基本的组件

   import React from 'react';
   
   const Home = () => {
       return <div>Home</div>
   }
   
   export default Home;

2. 服务端需要下载安装react
3. 注意服务端不支持import&&export这种 es6 module方式，只能使用require

   const React = require("react")
   
   const Home = () => {
       return <div>Home</div>
   }
   
   module.exports = {
       default: Home
   };

4. 修改后也不可以运行，因为服务端也不支持return <div>home</div>这种jsx的语法
5. 我们需要引入webpack对jsx语法进行编译

项目地址：git@github.com:longlongdan/Reactssr.git

转载于:https://www.cnblogs.com/longlongdan/p/11270586.html