react(31) 使用腳手架寫Hello頁面

2021-10-19 11:21:23 字數 1276 閱讀 1095

使用export default為字首定義元件,可以不用在後面export default 元件名稱

import react,

from

'react'

這樣在元件extends的時候可以不用react.component,而直接使用component

可以使用jsx字尾命名元件js檔案,便於區分

在元件中import樣式檔案,然後該元件就可以通過classname=""來使用樣式

定義的元件名稱要大寫

React腳手架配置less

安裝完react腳手架以後,是不支援less的,也不支援less的巢狀樣式,需要我們在webpack.config.js中配置一下。解決的問題 1 全域性安裝 3 進入專案資料夾並啟動 npm start npm i less less loader安裝完腳手架之後,我們在目錄結構中看不到webpa...

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打包後,用本地路徑就訪問不到該路徑資源了...