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