React Tutorial – ReactDOM.render wird ab React 18 nicht mehr unterstützt
Schaut Ihr in die Konsole Eures Browsers und nutzt Ihr React ab der Version 18 werdet Ihr vielleicht folgende Meldung sehen:
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
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.