Breaking News: Grepper is joining You.com. Read the official announcement!

index.js React 17 => 18

Leonhart answered on August 26, 2022 Popularity 9/10 Helpfulness 10/10

answer index.js React 17 => 18

related react 18 index.js

index.js React 17 => 18

Comment

import React from 'react';
import {createRoot}  from 'react-dom/client';
import App from './App';

//React 17
ReactDOM( <App> ,document.getElementById("root"))

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

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

Leonhart

0 Answers Avg Quality 2/10

Closely Related Answers

react 18 index.js

Comment

// 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); // createRoot(container!) if you use TypeScript
root.render(<App tab="home" />);

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: reactjs.org

Tags: react-18 javascript re

Link to this answer
Share Copy Link

Contributed on Mar 13 2023

Curious Caiman

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

index.js React 17 => 18

Contents

More Related Answers

index.js React 17 => 18

Closely Related Answers

react 18 index.js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.