受控組件(Controlled Component)是指由React組件的狀態(tài)(state)來控制其表單元素的值或行為的組件。在受控組件中,表單元素的值(如input、textarea、select等)以及其他用戶輸入的操作,都通過React組件的狀態(tài)來進(jìn)行管理和更新。
受控組件的特點(diǎn)包括:
1.狀態(tài)控制:表單元素的值被保存在React組件的狀態(tài)中,通過設(shè)置狀態(tài)來控制表單元素的值。
2.事件處理:通過監(jiān)聽表單元素的事件(如onChange事件),將用戶輸入的值更新到組件的狀態(tài)中。
3.數(shù)據(jù)流一致性:React組件的狀態(tài)是單一數(shù)據(jù)源,用于更新和渲染表單元素的值。通過確保狀態(tài)與表單元素的值保持一致,可以實(shí)現(xiàn)數(shù)據(jù)的一致性和同步更新。