react之ref、组件数据承载、事件函数this指向、受控与非受控组件

最新推荐文章于 2022-10-27 09:39:53 发布

「已注销」

最新推荐文章于 2022-10-27 09:39:53 发布

阅读量195

点赞数

本文链接：https://blog.csdn.net/weixin_45819980/article/details/105669190

版权

本文探讨了React开发中的关键概念：使用ref进行DOM或类组件引用，组件如何通过props和state管理数据，事件函数中的this指向问题，以及受控组件和非受控组件的区别。受控组件的数据流由React state控制，而非受控组件允许DOM元素直接管理其值，通常借助ref实现。

摘要由CSDN通过智能技术生成

1.ref 给dom或者类组件进行标记

1-1 ref字符串方式，react的严格模式下不建议使用
        componentDidMount(){
   
            this.refs.input.focus()
        }
        <input ref="input"/>

    1-2 回调函数的写法
        componentDidMount(){
   
            this.input.focus()  //this.自定义的属性 = 表示节点的变量
        }
        <input ref={
   el