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

posted @ 2019-07-30 15:53  祖国的小花朵  阅读(328)  评论(0编辑  收藏  举报