React 組件之間交流的方式,可以分為以下 3 種:
【父組件】向【子組件】傳值;
這個是相當容易的,在使用 React 開發的過程中經常會使用到,主要是利用 props 來進行交流。例子如下:
【子組件】向【父組件】傳值;
接下來,我們介紹【子組件】控制自己的 state 然后告訴【父組件】的點擊狀態,然后在【父組件】中展示出來。因此,我們添加一個 change 事件來做交互。就是代理或者閉包,回調
沒有任何嵌套關系的組件之間傳值(PS:比如:兄弟組件之間傳值)
如果組件之間沒有任何關系,組件嵌套層次比較深(個人認為 2 層以上已經算深了),或者你為了一些組件能夠訂閱、寫入一些信號,不想讓組件之間插入一個組件,讓兩個組件處于獨立的關系。對于事件系統,這里有 2 個基本操作步驟:訂閱(subscribe)/監聽(listen)一個事件通知,并發送(send)/觸發(trigger)/發布(publish)/發送(dispatch)一個事件通知那些想要的組件。