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

相關文章
相關標籤/搜索