React的使用方法（腳手架的方法）

使用react加腳手架建立乙個專案：

yarn start

npx ： 幫助我們更方便的找到本地安裝的命令

官方**用法

yarn start

// 匯入核心模組

import react from 'react';

import reactdom from 'react-dom';

// 全域性樣式

import './index.css';

// 入口元件（元件的首字母必須大寫）

2.入口元件

注意樣式需要匯入：

元件的定義和使用:

// 函式元件的首字母必須大寫

// 父元件向子元件傳值使用props(函式元件就是形參)

// 資料傳遞是單向資料流：props屬性是唯讀的

function test (props) 

}return (

hello nihao);}

類元件定義方法：

class person

showuname ()

}var p = new person('zhangsan', 12)

p.showuname()

class person 

showuname () 
}class student extends person 
showinfo () 
}let stu = new student('lisi', 13, 100)
stu.showinfo()
stu.showuname()

react在腳手架中的使用

在class建立的類中，如果要使用constructor鉤子函式則必須使用super super 的意思是指手動呼叫父元件的鉤子函式 1.元件外的寫法 mycom.proptypes mycom是指建立的類2.元件裡的寫法 static proptypes mycom.defaultprops 對於...

react腳手架打包的坑

首先看一下打包後的build檔案 相當於靜態資源的根目錄就是public檔案，開發中所需要的或其他資源就放在public資料夾下，比如這裡img檔案中的，在任何元件中可以直接通過 img 1.jpg來獲取1.jpg這張，但是如果通過cnpm run build打包後，用本地路徑就訪問不到該路徑資源了...

React腳手架rekit的安裝和使用

近期在看react，有看到rekit這個腳手架，話不多說，試試 npm install g rekitemmm 已經安裝好了 接下來，建立乙個react專案 npm install npm start 好了，你的第乙個react專案已經搭建好了，他生成了乙個react的example 但是，所謂的r...