React封装input非受控组件

import React from "react"
export default class Home3  extends  React.Component {
  username=React.createRef()
  password=React.createRef()
   onClick=()=>{
    console.log(this.username.current.state.value,this.password.current.state.value)
  }
  
   render(){
    return (<div style={
  
  {border:'2px solid blue'}}>
        <h4>这是Home3</h4>
       <Home3Child type="text" label='用户名'  ref={this.username} />
       <Home3Child type="password"  label='密码' ref={this.password} />
       <button onClick={this.onClick}>登录</button> <button onClick={()=>{
        console.log(this.username)
        this.username.current.clearChildFun()
        this.password.current.clearChildFun()
       }}>清空重置</button&g