React之useRef的简单用法-获取input里面的值_react useref input

useRef 

因为react版本会提升原因，获取值得方法不一样，最好的办法是自己在控制台打印一下就可以很直观得看出值

import React, { useRef } from "react";
import ReactDOM from "react-dom";
 
function SearchResults() {
  const inputVal = useRef(null)
const inputValOpt=()=>{
  console.log(inputVal.current.value)
}
 
  return (
    <>
      
<input type='text' ref={inputVal }/>
<button onClick={inputValOpt}>点击</button>
    </>
  );
}
 
const rootElement = document.getElementById("root");
ReactDOM.render(<SearchResults />, rootElement);