Write a program to create a React component to fetch data from an API and display it.

Question

Accepted Answer

Fetching data in React typically involves using hooks like useEffect and libraries like Axios or Fetch API.

Use the useEffect hook to perform side effects, such as data fetching, when the component mounts.
Example: useEffect(() => { fetchData(); }, []);
Utilize the Fetch API or Axios for making HTTP requests.
Example with Fetch: fetch('https://api.example.com/data').then(response => response.json()).then(data => setData(data));
Handle loading and error states to improve user experience.
Example: const [loading, setLoading] = useState(true); const [error, setError] = useState(null);

Interview Questions from Popular Companies