“React-Dom.Development.js: 86 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.” Ответ

Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot

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 больше не поддерживается в 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 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.

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 больше не поддерживается в 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 больше не поддерживается в 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 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.

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

Ответы похожие на “React-Dom.Development.js: 86 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.”

Вопросы похожие на “React-Dom.Development.js: 86 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.”

Больше похожих ответов на “React-Dom.Development.js: 86 Предупреждение: Reactdom.render больше не поддерживается в React 18. Вместо этого используйте Createroot.” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования

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