-
app.test.js? ? jest做自動(dòng)化測(cè)試時(shí)所用的
查看全部 -
nodejs.org/en/
使用react需要先安裝nodejs
?LTS版本長(zhǎng)時(shí)間持久支持的
Current指的是最新的版本
查看全部 -
React Fiber react 16以后的 版本
查看全部 -
constructor 在類被創(chuàng)建的一瞬間 自動(dòng)執(zhí)行
查看全部 -
1-1 react 簡(jiǎn)介
查看全部 -
?組件通信：
父 =》 子
父組件通過(guò)屬性的形式向子組件傳遞參數(shù)
子組件通過(guò)props接收父組件傳遞過(guò)來(lái)的參數(shù)
子 =》 父
子組件通過(guò)調(diào)用父組件傳遞過(guò)來(lái)的方法
父組件通過(guò)方法的參數(shù)獲取子組件傳遞過(guò)來(lái)的參數(shù)
查看全部 -
es6的結(jié)構(gòu)賦值：
const?{content}?=?this.props=》
使得可以直接使用`{content}`代替`{this.props.content}`
查看全部 -
//?es6值拷貝的語(yǔ)法 const?list?=?[...this.state.list]; //?刪除數(shù)據(jù)對(duì)象相應(yīng)索引的值，并指定連續(xù)刪除的個(gè)數(shù) list.splice(index,?1);?//在list數(shù)組中，刪除索引值為index的元素，刪除位數(shù)為1
查看全部 -
this.state.list.map((item,?index)=>{ ?????return?<li>{item}</li> })關(guān)于map()方法的使用
查看全部 -
子組件如果想要和父組件通信，子組件要調(diào)用父組件傳遞過(guò)來(lái)的方法
查看全部 -
父組件通過(guò)屬性的形式向子組件傳遞參數(shù)，
子組件通過(guò)props接受父組件傳遞過(guò)來(lái)的參數(shù)
查看全部 -
一、子組件向父組件傳值
父組件向子組件傳遞屬性（方法）
子組件調(diào)用父組件方法（通過(guò)參數(shù)傳值出去）
查看全部 -
一、子組件獲取父組件的數(shù)據(jù)
父組件通過(guò)屬性形式向子組件傳遞參數(shù)；
子組件通過(guò)props接收父組件傳遞過(guò)來(lái)的參數(shù)；
二、map循環(huán)中添加key屬性（react中要求）
查看全部 -
一、代碼優(yōu)化
1、在構(gòu)造函數(shù)中做好this指向的改變
下面就不用.bind(this)
可以改變代碼的執(zhí)行性能
2、解構(gòu)賦值
3、解決render函數(shù)中代碼過(guò)長(zhǎng)
查看全部 -
一、新增樣式的兩種方式：
1、style行間樣式? ? ?eg: style={{background:"green"}}
? ? ?第一個(gè)花括號(hào)是js表達(dá)式；第二個(gè)花括號(hào)是對(duì)象
2、className
? ? ?class與定義組件的時(shí)候沖突，所以不建議class，react中用className關(guān)鍵詞.
二、解決render函數(shù)一個(gè)包裹標(biāo)簽的問(wèn)題：
? ? 用<React.Fragment></React.Fragment>代替最外層的<div></div>標(biāo)簽
三、代碼優(yōu)化：
通過(guò)解構(gòu)賦值引入React中的Component和Fragment;
import React,? { Component，F(xiàn)ragment } from 'react';
替換后的寫(xiě)法：
class ToDoItemList extends Component{
????......
}
render(){
????return(
????????<Fragment>......</Fragment>
)
}?
查看全部
舉報(bào)