TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸
← reactjs

React Hooks - useEffect

July 13, 2020

code
import React, { useEffect } from "react";

export default function App() {
  const [date, setData] = useState([]);

  useEffect(() => {
    async function fetchData() {
      // magic
    }

    fetchData();
  }, []); // [] will make it run only once
}

This is wrong

code
  useEffect(async () => {
    // magic
  },

This is right

code
useEffect(() => {
  async function fetchData() {
    // magic
  }

  fetchData();
}, []);