DEV Community

Henri de la Hoz
Henri de la Hoz

Posted on


Fundamentals of useRef

useRef hook is used to establish a connection between native html inputs and our component's logic.

This connection gives us access to the input attributes, for example the input value.

In the following example we are using useRef in order to get the value and set the state.

import React, { useState, useEffect, useReducer, useMemo, useRef } from "react";

const Cryptos = () => {
    const searchInput = useRef(null);
    const [search, setSearch] = useState("");

    const handleSearch = () => setSearch(searchInput.current.value);

    return (
export default Cryptos;

Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Advice For Junior Developers

Advice from a career of 15+ years for new and beginner developers just getting started on their journey.