react入門(5)
對(duì)前面四篇內(nèi)容進(jìn)行簡(jiǎn)單的回顧:
react入門(1):jsx,組件,css寫法
react入門(2):事件,this.props.children,props,...other
react入門(3):jsx/html/css分開(kāi)寫(分成三個(gè)文件),state,onChange事件,refs
react入門(4):props和state的混搭使用,state與props的對(duì)比,生命周期(掛載、更新、移除)
今天要講的是組件之間的通信,會(huì)結(jié)合前面學(xué)的一些內(nèi)容,主要以實(shí)例為主來(lái)進(jìn)行講解。
一、父組件向子組件傳遞信息
來(lái)看一個(gè)例子
案例1:
<!DOCTYPE html> <html> <