React 教程

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

非受控组件

浏览 169 扫码 分享 2022-10-19 19:16:50
  • 使用 ref
  • createRef

    表单数据是不受控于 state,使用 React ref 从 DOM 节点中获取表单数据的组件

    使用 ref

    点击查看【codepen】

    createRef

    现在 React 推荐的写法,使用 createRef()
    点击查看【codepen】

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • React
      • React 深入认识
        • 解答面试什么是 React?
      • JSX 深入学习
      • 渲染元素 ReactDOM.render()
      • 组件与 Props
      • state 与 setState、单向数据流
      • 事件处理函数绑定与事件对象
      • 条件渲染
      • 列表渲染
      • 受控组件与非受控组件
        • 受控组件
        • 非受控组件
        • 受控组件与非受控组件选择方案
      • 父子组件数据关系与状态提升
      • 组合与继承、CSS Module
      • 代码分割之 import 静态导入
      • 代码分割之 lazy 和 Suspense
        • 路由懒加载
      • 错误边界与使用技巧
      • 代码分割之 错误边界与 Suspense 和命名导出
      • Context
        • 初探 Context 的使用场景
        • Context 与组合的应用场景与使用问题
        • Context API
      • React.Fragment 和短语法
      • 高阶组件
        • 横切关注点及柯里化
        • 高阶组件使用注意事项与总结
      • Refs
        • React.createRef()
        • Refs 转发机制
      • JSX
    • 类组件绑定 this 指向
    • 生命周期
    • 组件优化
      • 避免无谓渲染
        • useCallBack VS classField / memo VS PureComponent
      • 高阶组件 HOC
      • Render Props
    • Redux
      • Redux 项目搭建
      • redux 基本操作
      • 提取 action 和 提取 reducer
      • UI 层提取 和 数据响应
      • react-redux 和 connect
      • redux-thunk 异步处理
    • React-Router
    • React Hooks
      • useState
      • useReducer
      • useEffect
      • useLayoutEffect
      • useContext
      • useRef
        • forwardRef
      • useImperativeHandle
      • useCallback / useMemo
      • useDebugValue
    • React 的知识链路与底层逻辑
      • 关于 JSX 3个大问题
      • React 生命周期背后的设计思想
      • 数据是如何在组件之间流动
      • React 选择虚拟 DOM 真的是为了性能吗?
      • React-Hooks
      • React15 中的“栈调和(Stack Reconciler)”
      • setState 到底是同步,还是异步?
      • Fiber 架构的迭代动机
      • Fiber 重构下的 ReactDOM.render
      • Concurrent 模式
    • 小案例
      • 倒计时 hooks
      • 虚拟列表 %26 React-virtual
    • Next.js
      • getStaticProps
      • getServerSideProps
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注