Please click on The Question !!!

React is basically use for SPA(single page application) base application, so that it has to access different path or route for working.
React Router is a standard library for routing in React. It enables the navigation among views of various components in a React Application,
allows changing the browser URL, and keeps the UI in sync with the URL. And it helps to easy to access in another conponent and we can use it dynamically.

React's component pass props by Unidirectional system but react context api hook provide not passing props and it can use different components.
React Context is a way to manage state globally. It can be used together with the useState Hook to share state between deeply nested components more easily.
The Context API in React provides you with built-in functions and components to avoid prop-drilling in your component tree.

The useRef Hook is a function that returns a mutable ref object whose .current property is initialized with the passed
argument ( initialValue ).The useRef hook is a built-in React hook that takes one argument or
parameter as its initial value and returns a reference.The reference has an interesting and useful property its called current.