react 交流

React 組件之間交流的方式,可以分為以下 3 種:

【父組件】向【子組件】傳值;

這個是相當容易的,在使用 React 開發的過程中經常會使用到,主要是利用 props 來進行交流。例子如下:

【子組件】向【父組件】傳值;

接下來,我們介紹【子組件】控制自己的 state 然后告訴【父組件】的點擊狀態,然后在【父組件】中展示出來。因此,我們添加一個 change 事件來做交互。就是代理或者閉包,回調

沒有任何嵌套關系的組件之間傳值(PS:比如:兄弟組件之間傳值)

如果組件之間沒有任何關系,組件嵌套層次比較深(個人認為 2 層以上已經算深了),或者你為了一些組件能夠訂閱、寫入一些信號,不想讓組件之間插入一個組件,讓兩個組件處于獨立的關系。對于事件系統,這里有 2 個基本操作步驟:訂閱(subscribe)/監聽(listen)一個事件通知,并發送(send)/觸發(trigger)/發布(publish)/發送(dispatch)一個事件通知那些想要的組件。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,557評論 25 708
  • 原教程內容詳見精益 React 學習指南,這只是我在學習過程中的一些閱讀筆記,個人覺得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,860評論 1 18
  • “在嗎” “嗯” “你還好嗎” “嗯,還好。你呢” “還好” “那就好” “就算不好也要說好不是嗎” 在他們分開很...
    夏沐_閱讀 443評論 0 3
  • “時光不老,我們不散”多少畢業之際的滿腔熱血,可是真的會不散嗎?我想,這個答案是未知的。誰也不知道下一秒你會遇見...
    心情雜貨鋪閱讀 328評論 2 6
  • 記得曾說過畢業酒會要唱一首十年,要喝到爛醉,要哭要擁抱,要給你打電話 但是畢業來得那么快,快到畢業酒會都不見了,那...
    雪梨啊閱讀 92評論 0 0