搭建乙個簡單的React專案

這上面的就不細說了，用過三大框架的應該都清楚。

1.建立目錄結構

其實這些目錄都是可以按照個人習慣來定義，但是不可缺少的一定要加上

2.安裝路由（建立router/index.js）

安裝react-router-dom

npm install react-router-dom

yarn add react-router-dom

4.配置兩個頁面的路由

給router下面的index.js檔案中新增

import react,  from 'react'

import from 'react-router-dom'
import login from './../pages/login'
import home from './../pages/home'
class router extends component 
}export default router

import react from 'react';

import reactdom from 'react-dom';
import './styles/reset.css';
import * as serviceworker from './serviceworker';
import router from './router'
reactdom.render(, document.getelementbyid('root'));
serviceworker.unregister();

5.執行專案（npm start /  yarn start）

出現該頁面且無報錯就證明乙個react簡單的專案就完成了。

其中有乙個是什麼東西呢？

答：有標籤，則其中的在路徑相同的情況下，只匹配第乙個，這個可以避免重複匹配；

這個就相當於switch…case…這個函式，匹配到就不再進行匹配了。

有什麼不正確的地方望予以指正，謝謝！

搭建簡單的React專案

react學習介紹 學習了幾個星期的react,想稍微整合一下知識，所以寫了這篇博文，以搭建乙個基礎的react的專案為線索整合學到的知識，具體很多的細節不深究。以及由於還是小白乙個，可能我所提供的步驟不是最好的解決方案，甚至繁瑣，但一步步操作是能夠建立乙個簡單react專案的。對於初窺react比...

搭建乙個簡單的dubbo專案

dependency groupid com.alibaba groupid artifactid dubbo artifactid version 2.5.7 version dependency dependency groupid com.github.sgroschupf groupid a...

建立乙個react專案

之前一直在用引包的方法使用react，現在學習react基礎也有一段時間了，想工程化的完成乙個react專案，結果只是搭建react就糾結了好久。參考了很多大佬的方法，但是一直有問題，最後總結一下我的成功辦法吧。在命令列工具中確定node是否已經成功安裝 npm vnode v均出現版本號則說明安裝...