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