Скачать или смотреть React 基础丨受控组件与非受控组件丨state丨value丨onChange丨defauleValue

简单的带着大家认识一下受控组件与非受控组件.


【React18基础知识系列】
01-组件-JSX-环境文件分析    • 1小时80%丨React18基础系列 - 组件 - JSX - 环境文件分析  
02-显示数据-条件渲染-列表渲染    • 1小时80%丨React18基础系列-显示数据-条件渲染-列表渲染  
03-样式与事件    • 1小时80%丨React18基础系列-样式-事件--快速上手  
04-屏幕更新-useState状态共享    • 1小时80%丨React18基础系列-屏幕更新-useState-状态共享  
05-useState的4个细节    • React18基础系列-05- 我学到的useState4个细节丨讲师·景水  
06-学会 useReducer    • 20分钟useReducer-React18基础系列丨reducer丨action丨...  
07-使用 useContext 传值    • #useContext#react#hook 基础系列丨讲师·景水  
08-Redux Toolkit (RTK)    • #react ReduxToolkit 基本使用 - React18基础系列丨讲师·景水  
09-useEffect 学习分享    • useEffect丨React的hook函数基本使用 - React18基础系列丨讲...  
10-useRef 的3点分享    • 【还是长的】一个 #useRef 竟然讲了38分钟  
11-优雅的MobX-1-基本使用    • 【长且值】优雅的MobX-1-简单使用丨react 状态管理  
12-优雅的MobX-2-项目实践    • 【不算太长】优雅的MobX-2-项目中使用丨react 状态管理  
13-使用React.memo缓存组件    • 【优化向】使用React.memo缓存组件丨子组件比较复杂时需要考虑的优化手段  
14-用useMemo跳过昂贵的计算    • 用useMemo跳过昂贵的计算 #react #hook 丨又学会一个 react ...  
15-useCallback缓存函数    • 用useCallback缓存函数丨再认识一个react的hook  
16-Zustand-1-基本使用    • 【来啦!】Zustand-1-基本使用丨近期比较火热的 React 状态管理工具  
17-Zustand-2-异步和immer    • Zustand-02-异步和immer丨状态管理  
18-Zustand-3-简化状态获取    • 【细节】Zustand-03-简化状态获取丨useShallow丨海外比较火热的 R...  
19-Zustand-4-ReduxDevTools    • 【方便调试】Zustand-04-使用 Redux DevTools 观察丨devt...  
20-Zustand-5-persist持久化    • 【肯定要用】Zustand-05-结合 persist 中间件进行持久化丨local...  
21-Zustand-6-订阅机制    • 【多学一招】Zustand-06-使用 subscribe 订阅丨subcribeW...  
22-Zustand-7-简化重构代码    • 【秩序感】Zustand-07-使用 setState 和 getState 归整代...  


【React官方练习 - 井字棋（ Tic-Tac-Toe ）】
01 - 结构和样式    • 2小时丨React官方练习 - 井字棋（ Tic-Tac-Toe ）01 - 结构和样式  
02 - 数据动态化    • 2小时丨React官方练习 - 井字棋（ Tic-Tac-Toe ）02 - 数据用...  
03 - 主体代码逻辑    • 2小时丨React官方练习 - 井字棋（ Tic-Tac-Toe ）03 - 主体代码逻辑  
04 - 时间旅行    • 2小时丨React官方练习 - 井字棋（ Tic-Tac-Toe ）04 - 时间旅行  
05 - 组件提取    • 2小时丨React官方练习 - 井字棋（ Tic-Tac-Toe ）05 - 提取组件  


【React Router系列】
01-路由概念及基本使用    • 【2024】React Router-01-React项目路由的概念与基本使用  
02-报错-嵌套-Link    • 【2024】React Router-02-失败处理丨嵌套路由丨Link组件  
03-理解 loader 和 action    • 【2024】React Router-03-理解 loader 和 action丨整洁代码  
04-URL Params获取具体信息    • 【2024】React Router-04-使用URL Params获取具体信息  
05-编辑&更新具体联系信息    • 【2024】React Router-05-编辑&更新具体的联系信息丨redirec...  
06-导航链接状态处理    • 【2024】React Router-06-导航链接状态处理丨NavLink  
07-导航对象的状态    • 【2024】React Router-07-根据导航对象的状态提高操作体验丨useN...  
08-练习删除功能    • 【2024轻松掌握】React Router-08-三步完成删除练习丨destroy  
09-错误处理与默认子路由    • 【React Router】-09-子路由报错处理与默认子路由丨2024丨up开浪最...  
10-编程式路由导航    • 【React Router】-10-子路由报错处理与默认子路由丨2024丨up开浪最...  
11-查询条件形成与获取    • 【React Router】-11-查询条件-形成与获取丨2024丨URLSearc...  
12-将URLs同步到表单    • 【React Router】-12-将URL同步到表单丨2024丨up开浪最后英文大冒险  
13-搜索框结果过滤    • 【React Router】-13-搜索框输入内容实时过滤丨2024丨up开浪最后英...  
14-添加搜索状态提示    • 【React Router】-14-添加搜索状态提示丨2024丨Spinner丨up...  
15-替换浏览器history    • 【React Router】-15-替换多余的浏览器history丨2024丨rep...  
16-标星功能    • 【React Router官网教程】-16-完成标星功能丨useFetcher  
17-"乐观的"UI处理    • 【React Router官方教程】-17-"乐观"的UI丨2024丨up开浪最后英...  
18-处理预期中的错误    • 【React Router官网教程】-16-完成标星功能丨useFetcher  
19-统一的报错信息渲染    • 【React Router官方教程】-19-统一的报错渲染丨2024丨up开浪最后英...  



【Vue3基础知识】
01-父子组件使用v-model    • Vue3丨父子组件传值丨双向绑定丨v-model丨VueUse丨useVModel  
02-样式中 scoped 的作用    • Vue3 中的 scoped丨半小时通透丨解决CSS代码失效  



00:00 基本概念
02:21 代码体会
08:26 获取控件的值
12:31 小结



#react #react18 #defaultValue #受控组件 #非受控组件 #frontend