“react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.” Kode Jawaban

Reactdom.render tidak lagi didukung dalam reaksi 18. Gunakan createroot sebagai gantinya

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";

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

reportWebVitals();
Reshma Poudel

Reactdom.render tidak lagi didukung dalam React 18

// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);

// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container);
root.render(<App tab="home" />);
Gorgeous Gazelle

react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import App from "./App";

const rootElement = document.getElementById("root");
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);
Angry Alpaca

Reactdom.render tidak lagi didukung dalam React 18

import * as ReactDOMClient from 'react-dom/client';
import App from 'App';

const container = document.getElementById('app');

// Create a root.
const root = ReactDOMClient.createRoot(container);

// Initial render: Render an element to the root.
root.render(<App tab="home" />);

// During an update, there's no need to pass the container again.
root.render(<App tab="profile" />);
Gorgeous Gazelle

Reactdom.render tidak lagi didukung dalam React 18

import * as ReactDOM from 'react-dom';
import App from 'App';

const container = document.getElementById('app');

// Initial render.
ReactDOM.render(<App tab="home" />, container);

// During an update, React would access
// the root of the DOM element.
ReactDOM.render(<App tab="profile" />, container);
Gorgeous Gazelle

react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.

[5 solution] ReactDOM.Render Is No Longer Supported In React 18
Solvd Error

Jawaban yang mirip dengan “react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.”

Pertanyaan yang mirip dengan “react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.”

Lebih banyak jawaban terkait untuk “react-dom.development.js: 86 Peringatan: Reactdom.Render tidak lagi didukung dalam React 18. Gunakan createroot sebagai gantinya.” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel