react中的受控和非受控組件


受控組件

假設我們現在有一個表單,表單中有一個input標簽,input的value值必須是我們設置在constructor構造函數的state中的值,然后,通過onChange觸發事件來改變state中保存的value值,這樣形成一個循環的回路影響。也可以說是React負責渲染表單的組件仍然控制用戶后續輸入時所發生的變化。

 
 

就像上面這樣,input中的value值通過state值獲取,onChange事件改變state中的value值,input中的value值又從state中獲取。。。


非受控組件

非受控也就意味着我可以不需要設置它的state屬性,而通過ref來操作真實的DOM。

 





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM