-
what is JSX
查看全部 -
map to li
查看全部 -
點贊的按鈕
查看全部 -
jilu
查看全部 -
筆記咯
查看全部 -
第一章: 了解react react 是一個UI庫,相當于MVVM中的V react - a javascript library for building user interfaces react 受歡迎的原因: 聲明式寫法-注重結果(相對于命令式-注重過程)// todo 了解這兩個思想 組件化,一切基于組件 一處學習,隨處編寫(web、native) 不過我覺得以上這些原因都太....不符合現實情況了,都是場面話。 react受歡迎的原因,我覺得一是因為facebook, 二是因為生態好,圈子活躍,成熟解決方案較多(1st) 三是相比于angular入門門檻低(也是vue崛起的原因之一), 四是出于前端架構師們的個人喜好吧,目前看來react的愛好者更多一點查看全部
-
創建theme-context.js 不是組件
import React from 'react'
const ThemeContext = React.createContext()
export default ThemeContext
___________________________________________
導入
import ThemeContext from './theme-context'
父組件ThemeContext.Rrovider傳遞值
子組件 ThemeBar.js? 使用ThemeContext.Consumer包裹 接收
查看全部 -
context
查看全部 -
開發思想
查看全部 -
狀態提升:將子組件共享數據放在父組件,實現單一可變數據源,單向數據流
子組件也不并不是直接修改數據,而是通過回調函數來修改數據
查看全部 -
生命周期
查看全部 -
有些屬性是Js的保留字,做一些替代className,htmlFor
查看全部 -
出現這個報錯:The tag <welcome> is unrecognized in this browser
原因:瀏覽器無法識別標記,react組件首字母要大寫
查看全部 -
npm install?create-react-app -g
npx create-react-app my-app
查看全部 -
新建一個js,var xxx=react.createContex()
app.js 引入 并在需要全局的(一般是全部)幾個組件最外層使用<xxx.provider>標簽包裹
在provider標簽上使用屬性value存放(傳遞)需要共享的值
子組件使用consumer包裹,內部使用一個箭頭函數表達式返回具體的組件內容,箭頭函數的默認參數就是3中value的值
查看全部
舉報