React

操纵实例或元素

Ref

代码示例：

// src/test/Test01.jsx

import React, {Component} from 'react';

export default class Test01 extends Component {
    myRef = React.createRef()  // 返回的是一个ref对象
    render() {
        return (
            <div>
                <input ref={this.myRef}/>  {/* 绑定ref对象 */}
                <button onClick={() => {
                    console.log(this.myRef.current.value)  // 通过current拿到原生DOM再用value取值
                    this.myRef.current.value = ''  // 提交后自动清空
                }}>提交
                </button>
            </div>
        );
    }
}