react高階特性
建立乙個自定義列表
如何建立乙個註腳
注釋也是必不可少的
katex數學公式
新的甘特圖功能，豐富你的文章
uml 圖表
flowchart流程圖
{} => 插值
被包裹就是變數或者表示式
class 需要寫 classname
style
style=} =>直接寫
變數styledata = style=
《首字母大寫》
同js一樣
三元表示式
mapkey
bind this
關於event引數
//普通方法預設undefined
this.xxmethod = this.xxmethod.bind(this)
(constructor中繫結效能更好)
//靜態方法,this 指向當前例項(箭頭函式定義方法)
//阻止預設行為(冒泡)
xxhandler = (event) =>value= this.state.xx
state控制的為受控元件
props 傳遞資料
props 傳遞函式
props 型別檢查
不要直接修改state,使用不可變值 不可提前修改值,在修改時賦值
可能是非同步 => 正常是非同步
可能是同步 => settimeout 同步 / 自定義dom事件 同步
多次合併 只執行一次
掛在constructor
render
react 更新dom ref
componentdidmount / componentwillmount
銷毀shoudupdate
function xx(props)
純函式,輸入props,輸入jsx
沒有例項,沒有生命週期,沒有state
不能擴充套件其他方法
refdefaultvalue defaultchecked
手動操作dom元素
this.xxref = react.createref()
this.xxref.current => 獲取
富文字編輯器
傳送層級
讓元件傳送到父元件外
公共資訊(語言,主題)如何傳遞給每個元件
用props太繁瑣
用redux小題大做
生成
const xxcontext = react.createcontext('test')
使用...
消費xx元件.contextxx = xxcontext
this.context 使用
import
react.lazy
react.suspense
const contextdemo = react.lazy(()=> import(』./contextdemo』))
loading…
}>
去部落格設定頁面，選擇一款你喜歡的**片高亮樣式，下面展示同樣高亮的**片.
// an highlighted block
var foo =
'bar'
;
專案1專案2
專案3乙個簡單的**是這麼建立的：
專案value
電腦$1600
手機$12
導管$1
使用:---------:居中
使用:----------居左
使用----------:居右
第一列第二列
第三列第一列文字居中
第二列文字居右
第三列文字居左
smartypants將ascii標點字元轉換為「智慧型」印刷標點html實體。例如：
type
ascii
html
single backticks
'isn't this fun?'『isn』t this fun?』
quotes
"isn't this fun?"「isn』t this fun?」
dashes
-- is en-dash, --- is em-dash– is en-dash, — is em-dash
markdown
text-to-
html conversion tool
authors
john
luke
乙個具有註腳的文字。1
markdown將文字轉換為 html。
您可以使用渲染latex數學表示式 katex:
gamma公式展示 γ(n
)=(n
−1)!
∀n∈n
\gamma(n) = (n-1)!\quad\forall n\in\mathbb n
γ(n)=(
n−1)
!∀n∈
n 是通過尤拉積分
γ (z
)=∫0
∞tz−
1e−t
dt
.\gamma(z) = \int_0^\infty t^e^dt\,.
γ(z)=∫
0∞t
z−1e
−tdt
.
你可以找到更多關於的資訊latex數學表示式[here][1].
可以使用uml圖表進行渲染。 mermaid. 例如下面產生的乙個序列圖：
這將產生乙個流程圖。:
我們依舊會支援flowchart的流程圖：
註腳的解釋 ↩︎
React基礎 元件
元件從概念上看就像是函式，它可以接收任意的輸入值 稱之為 props 並返回乙個需要在頁面上展示的react元素。class welcome extends react.component class welcome extends react.component const element sar...
react 基礎學習
npm start 啟動專案 class clock extends react.component componentdidmount componentwillunmount render 把元件裝進 root reactdom.render document.getelementbyid ro...
react 基礎入門
環境搭建 1.電腦裡必須裝node.js 2.全域性npm命令安裝react環境 3.建立react專案demo 專案名 4.啟動react專案 npm start 目錄結構 json 專案配置 2.public裡面存放公共內容，主要是index.html入口檔案 3.src裡面存放專案元件，樣式，...