Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.
Also kann ich es weglassen ?
App JS :
import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
// http://api.icndb.com/jokes/random
const fetchJoke = async()=>(
await fetch(`http://api.icndb.com/jokes/random`)
.then(response => response.json())
.then(data => console.log(data.value.joke))
)
fetchJoke()
}, [])
return (
<div>App</div>
)
}
index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
<React.StrictMode>
);
Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.