類型檢查

import PropTypes from 'prop-types'類名==List List.propTypes = {list: PropTypes.array } // 默認值 List.defaultProps = { list:[] }

props:

1.只讀不能修改（不能再賦值表達式左邊）2.ComponentWillReceiveProp()3.propTypes4. defaultProps5.children

web > native

native 需要下載安裝包 // react-router-domweb 直接有的 //react-router-native

nvm

命令說明

nvm list available	查看所有版本
nvm install 版本號	下載
nvm list	列出當前可用的包
nvm use 版本號	使用哪一個包
history	歷史

路由模式

Vue使用hash模式 React 使用兩種模式HashRouter # 哈希模式(HashRouter) 錨點 瀏覽器端忽略#（無法把#及之后帶過去）browserRouter 路由localhost地址訪問地址不存在，進行重定向Node起服務(wù)

路由

1.下載 react-router-dom2. import {HashRouter as Router,Link,Route,Switch } from ' react-router-dom' 3.<Router></Router> <Switch> //當route不給path屬性時會匹配任意路由 <Router component={()=><h1>未匹配的路由</h1>}></Router> 無path匹配任何路由 當redirect不給from屬性時也會匹配任意路由 <Redirect exact from='/' to='/index'></Redirect> </Switch> Link, //導航標簽 to屬性聲明要跳轉(zhuǎn)的路徑 Route,//占位標簽，如果path與當前路徑一模一樣時才匹配 Switch // 返回匹配的第一個路由 exact 表示精準匹配，當path與當前路徑一模一樣時才匹配

傳參

1.地址欄傳參 '/index/:id?' 傳遞變量 '/index/10' 傳遞常量 '/index?a=1&b=2' 直接傳遞數(shù)據(jù)Link 標簽的to屬性 to={{ pathname:'/cart', data:{a:1,b:2} }} // 在location接收

回退版本

window.history.go(-1)window.history.back()

透傳

a => b => c b只能接收a的值不能修改a的值

replace

有兩種常見的渲染組件的方式：

component和render。前者是使用React.createElement方法新建一個元素，而后者僅僅是調(diào)用現(xiàn)有組件的render方法

轉(zhuǎn)載于:https://www.cnblogs.com/2oex/p/9569179.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的React类型检查的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。