Diff算法
react
node_modules:安裝的所有依賴的模塊
package.json:自定義項(xiàng)目的基本信息
public中的index.html:渲染模板
meat標(biāo)簽引入的主頁(yè)一個(gè)自適應(yīng)的viewport聲明
link標(biāo)簽引入項(xiàng)目基本配置文件anifest.json和圖標(biāo)
react渲染div
react ES6語(yǔ)法
constructor(props){
super(props);
this.state={opacity:1.0};
}
react 基礎(chǔ)
componentWillMount
render:根據(jù)props和state返回一個(gè)react元素弄喘,不負(fù)責(zé)渲染孽水,不能執(zhí)行任何副作用,如狀態(tài)的改變。
componentDidMount:this.getDOMNode()調(diào)用署鸡,this.setState渲染
componengtWillRecriveProps(nextProps):nextProps新傳進(jìn)來(lái)的參數(shù)和泌。調(diào)用setState本昏,this.state更新后的
shouleComponentUpdate(nextProps,nexyState):不能調(diào)用setState
componentWillUpdate(nextProps,nextState):不能調(diào)用setState
render
componentDidUpdate(prevProps,prevState)
componentWillUnmount
props:
<Component data="測(cè)試props"/>
Component組件中this.props.data可取得data中的值 單值傳遞蛹尝,多值傳遞,父向子傳遞