React—ref/refs

最新推荐文章于 2023-12-20 19:59:59 发布

Poppy_LYT

最新推荐文章于 2023-12-20 19:59:59 发布

阅读量328

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/Poppy_LYT/article/details/100702482

版权

React 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

import React from 'react';
import ReactDom from 'react-dom';

class MyComponent extends React.Component {
    handleClick() {
        // 使用原生的 DOM API 获取焦点
        this.refs.myInput.focus();
    }
    render() {
        //  当组件插入到 DOM 后，ref 属性添加一个组件的引用于到 this.refs
        return (
            <div>
                <input type="text" ref="myInput" />
                <input
                    type="button"
                    value="点我输入框获取焦点"
                    onClick={this.handleClick.bind(this)}
                />
            </div>
        );
    }
}

ReactDom.render(
    <MyComponent />,
    document.getElementById('root')
);