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.gitreact

相关文章
相关标签/搜索