React—ref/refs

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')
);


发布了157 篇原创文章 · 获赞 15 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/Poppy_LYT/article/details/100702482