文章目錄

• 受控組件
• 非受控組件

受控組件

設置了value的<input>是一個受限組件,對于受限的<input>,渲染出來的HTML元素始終保持value屬性的值,此時用戶在渲染出來的組件里輸入任何值都不起作用。

<input type='text' value='hello' />

非受控組件

沒有設置value(或者設為null)的<input>組件是一個不受限組件。對于不受限的<input>組件,渲染出來的元素直接反應用戶輸入。如果想設置一個非空的初始值,可以使用defaultValue屬性

<input type='text' />

• value用于<input>、<textarea>
• checked用于<checkbox>、<radio>
• selected用于<option>

總結

以上是生活随笔為你收集整理的9.2 react受控组件和非受控组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。