學習react筆記

2022-09-10 14:27:22 字數 1148 閱讀 6731

node中匯入模組:var 名稱 = require('模組識別符號')

node中向外暴露成員的形式:module.exports = {}

在es6中,也通過規範的形式,規定了es6中如何匯入和匯出模組

es6中匯入模組,使用 import 模組名稱 from '模組識別符號'    import '表示路徑'

import *** from *** 是es6中匯入模組的方式

在es6中,使用export default 和 export 向外暴露成員

例如:// test.js

export default

或是// test.js

var info =

export default info

在main.js中接收,test.js使用export default 向外暴露的成員

import person from './test.js'

console.log(person);

注意:1、export default 向外暴露的成員,可以使用任意變數來接收

2、在乙個模組中,export default 只允許向外暴露一次

3、在乙個模組中,可以同時使用export default 和export 向外暴露成員

4、使用export向外暴露的成員,只能使用的形式來接收,這種形式,叫做【按需匯出】

5、export可以向外暴露多個成員,同時,如果某些成員,在import匯入時,不需要,可以不在中定義

6、使用export匯出的成員,必須嚴格按照匯出時候的名稱,來使用按需接收

7、使用export匯出的成員,如果想換個變數名稱接收,可以使用as來起別名

例如:// test.js

var info =

export default info

export var title = '小星星'

export var content = '哈哈哈'

在main.js中接收,test.js使用export default 和 export 向外暴露的成員

import person, from './test.js'

console.log(person);

console.log(title + '*****==' + content1);

React學習筆記

專案需要使用react進行開發,故從vue與react的異同切入學習,記錄一下學習筆記 react整體的思路就是函式式,所以推崇純元件,資料不可變,單向資料流 單向繫結 當然需要雙向的地方也可以做到,比如結合redux form vue是響應式的思想,認為資料可變,通過watcher監聽每乙個屬性,...

react獲取全域性 react學習筆記

個人之前也粗略看過react的文件,但是程式設計師最怕的就是沒有專案實操,看完後一段時間就全忘了,但是現在市面上react的使用又很多 我太難了 最近因為疫情只能呆在家裡,剛好利用這段時間搞一搞。當然也是粗略的搞,做完乙個大屏展示後,發現react上手確實比vue要難點。react沒有vue一樣的模...

React學習筆記 Props State

props是properties 屬性 效能 的縮寫,我們可以通過他把任意型別的資料傳遞給元件。大部分元件從props獲取資料並渲染 他是唯讀的!來看乙個例子 很明顯,在comment元件裡,我們通過this.props.author獲取到了hello world.裡author的值。通過獲取到了h...