How to pass a new state to a function in react?

Question

React

Good afternoon, there is an application written in React:

const App = () => {
     const [status, setStatus] = useState(null)

     function getStatus() {
         console.log(status)
     }

}

The application has many states. Is it possible to somehow track their change in a function without useEffect with binding to one state?

useEffect(() => {
       // ...
    }, [status])

Answer 1

There is essentially only one option, probably - to save the state in ref.
But you still have to update the ref in useEffect :

useEffect(() => {
    ref.current = status;
  }, [status]);

From ref already read the status in your getStatus function, where ref.current will always contain the latest status value.