-
React Fiber: React 16.0 +
查看全部 -
首先，index.js他是一個入口，首先他引入了react，幫助我們去理解app開頭的組件，又引入了reactdom，幫助我們將組件渲染到一個root節(jié)點上。結尾的export default app是將其導出，這樣，在index.js中才能將他再導入進去，導出和導入是配對使用的。
而app就是一個組件，她在app.js當中定義，首先，需要定義一個APP的類，她繼承react.component.
當一個類集成了react.componet后他就是react中的一個組件，react 組件中必須有一個函數(shù)叫做render，這個函數(shù)負責這個組件要顯示的內容，并且這個函數(shù)會return一個內容，他return回去的內容就是這個組件要 顯示的內容
查看全部 -
父組件通過屬性的形式向子組件傳遞參數(shù)
子組件通過props接受父組件傳遞過來的參數(shù)
查看全部 -
JSX js函數(shù)語法
<button?onClick={this.函數(shù)名稱}></button>函數(shù)體寫在組件的render函數(shù)外
eg :?
函數(shù)名稱(){ ????.... }查看全部 -
react組件封裝
自定義類繼承React.Component
render函數(shù) return 出dom結構
export default 導出才能被外部index.js文件import引入
查看全部 -
index.js為react項目入口文件，?
import?React?from?'react'?--》識別?import?App?from?'./App' 語法
import?ReactDOM?from?'react-dom' ????????-->?幫助將組件渲染到dom節(jié)點(root)上 ReactDOM.render(<App?/>,?documnet.getElementByUd('root'))?
查看全部 -
react中以大寫字母開頭一般為組件
查看全部 -
防止react報錯，增加index參數(shù)，寫入key值。
查看全部 -
修改state需要調用this.SetState
通過es6的語法修改
{?
list: [...this.state.list,'hello world']
}
這里...應該代表的是追加,正確的叫法叫做展開運算符，展開后面的this.state.list。整體寫下來就是...this.state.list
查看全部 -
指定this的綁定對象
this.evnetImp.bind(this)
查看全部 -
ul里循環(huán)list的寫法
this.state.list.map(
(item)=>{
return <xxx>{item}</xxx>
}
)
查看全部 -
通過定義構造函數(shù)，來定義初始化的數(shù)據(jù)項，初始化this.state
constructor(porps){
????supper(props);
? ? this.state={
? ? list:[
?'xxxxxxxx',
'xxxxxx'? ? ?
]
? ? }
}
查看全部 -
增加onClick事件（react風格事件）， 增加this.xxxx，點擊以后的事件實現(xiàn)。
查看全部 -
render函數(shù)返回的只能是一個大的JSX
否則會出錯
查看全部 -
todolist的重名，重命名app相關的文件，變量為TodoList.
查看全部
舉報