0 1121

Schaut Ihr in die Konsole Eures Browsers und nutzt Ihr React ab der Version 18 werdet Ihr vielleicht folgende Meldung sehen:

ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17.

Der Code funktioniert zwar noch, da die App als React 17 App ausgeführt wird, aber wir werden das jetzt anpassen.

In der index.js wird ReactDOM nicht mehr von react-dom sondern von react-dom/client geholt und

wir ersetzen das document.getElementById

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'

ReactDOM.render(
    <App num={5} title="Headline" />,
    document.getElementById('root')
);

durch

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App'

ReactDOM.createRoot(
    document.getElementById('root')
).render(
    <App num={5} title="Headline" />
)

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.