-
React的render() 方法內(nèi)要求只能返回一個(gè)含有根元素的HTML元素,不能返回多個(gè),可以使用<React.Fragment> 標(biāo)簽替代最外層的標(biāo)簽。
查看全部 -
import React, { Component, Fragment } from 'react'?
查看全部 -
React.Fragment替換div包裹元素
查看全部 -
Create React App react腳手架工具
查看全部 -
this.handleBtnClick
這個(gè)this指的是當(dāng)前TodoList
而handleBtnClick函數(shù)體中的this表示按鈕,但是我們需要其指向TodoList,
解決方法:
this.handleBtnClick.bind(this)
查看全部 -
9999999999
查看全部 -
888888
查看全部 -
adfadfadf?
查看全部 -
面向數(shù)據(jù)編程。查看全部
-
花括號(hào)內(nèi)寫(xiě)js表達(dá)式。查看全部
-
直接使用標(biāo)簽語(yǔ)法是jsx語(yǔ)法查看全部
-
大寫(xiě)字母開(kāi)頭為組件模塊查看全部
-
1.react 組件都是以大寫(xiě)字母開(kāi)頭,組件就是一個(gè)類(lèi)然后繼承 React.Component,就是一個(gè)react組件,react 組件中必須有一個(gè) render
?2.jsx: 直接在js中寫(xiě) html 標(biāo)簽,也可以在在 {} 中寫(xiě) js 表達(dá)式(不能寫(xiě) js 語(yǔ)句);
3.react 中的 return 只能返回一個(gè) jsx 也就是說(shuō)只能有一個(gè)父標(biāo)簽;
?4.父組件通過(guò)屬性的形式向子組件傳遞參數(shù),子組件通過(guò) props 接收參數(shù);
5.由于每一個(gè)組件中必須有一個(gè)根元素,但是處于一些原有不想讓其表露出來(lái)時(shí),可以用 <React.Fragment></React.Fragment>代替;
6.簡(jiǎn)化代碼:將jsx 中的 js集中部分單獨(dú)作為一個(gè)函數(shù);在頂部引入
7.import React, { Component, Fragment } from 'react',便可以將后面代碼中的??React.Fragment 簡(jiǎn)化為?Fragment(此標(biāo)簽中不能帶類(lèi)名) ,React.Component簡(jiǎn)化為?Component;在函數(shù)中定義 const {handleDelete,index} = this.props 以后,使用?handleDelete 就相當(dāng)于?this.props.handleDelete;
8.一般 bind(this) 寫(xiě)在 constructor 函數(shù)中更規(guī)范。
查看全部 -
子組件如果想和父組件通信,子組件要調(diào)用父組件傳遞過(guò)來(lái)的方法
查看全部 -
父組件通過(guò)屬性的形式向子組件傳遞參數(shù)。
子組件通過(guò)props接收父組件傳遞過(guò)來(lái)的參數(shù)。
查看全部
舉報(bào)