Correct!

Exercise:

What do you need to add to the second argument of a useEffect Hook to limit it to running only on the first render?

import { useState, useEffect } from "react"; import ReactDOM from "react-dom/client"; function App() { const [data, setData] = useState([]); useEffect(() => { setData(getData()) }, []); return <DisplayData data={data} />; } const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<App />);

Not Correct

Click here to try again.

Correct!

Next ❯

import { useState, useEffect } from "react";
import ReactDOM from "react-dom/client";

function App() {
  const [data, setData] = useState([]);

  useEffect(() => {
    setData(getData())
  }, w3exercise_input_no_0
);

  return <DisplayData data={data} />;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

Exercise:

Not Correct

Correct!

You have finished all 24 React exercises.