Hooks

State Hook

import React, {useState} from 'react';

const [state, setState] = useState(initialState)

function App() {

  const [count, setCount] = useState(0)

  return (

    <div className = "App">

      <p>{count}</p>

      <button onClick={() => setCount(count + 1)}>Click</button>

    </div>

  )

}

export default App;

Effect Hook

import React, { useState, useEffect } from 'react';

Ref Hook

import { useRef } from "react";

const ref = useRef(initialValue)

ref.current = newValue;