“Reactdom.render não é mais suportado no React 18” Respostas de código

Reactdom.render não é mais suportado no React 18

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ão é mais suportado no 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

Reactdom.render não é mais suportado no 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ão é mais suportado no 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

Respostas semelhantes a “Reactdom.render não é mais suportado no React 18”

Perguntas semelhantes a “Reactdom.render não é mais suportado no React 18”

Mais respostas relacionadas para “Reactdom.render não é mais suportado no React 18” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código