“Reactdom.render n'est plus pris en charge dans React 18. Utilisez le creatoot à la place” Réponses codées

Reactdom.render n'est plus pris en charge dans React 18. Utilisez le creatoot à la place

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 n'est plus soutenu dans 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 AVERTISSEMENT: reactdom.Render n'est plus pris en charge dans React 18. Utilisez plutôt 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 n'est plus soutenu dans 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 n'est plus soutenu dans 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

Réponses similaires à “Reactdom.render n'est plus pris en charge dans React 18. Utilisez le creatoot à la place”

Questions similaires à “Reactdom.render n'est plus pris en charge dans React 18. Utilisez le creatoot à la place”

Plus de réponses similaires à “Reactdom.render n'est plus pris en charge dans React 18. Utilisez le creatoot à la place” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

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