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

那是遇知吧

已于 2022-06-09 16:23:39 修改

阅读量6k

点赞数

分类专栏： React 文章标签： react.js javascript 前端

于 2021-04-19 17:27:09 首次发布

本文链接：https://blog.csdn.net/weixin_41406727/article/details/115869689

版权

React 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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