Как установить React и ReactDom? - PullRequest
Новая
       13

Как установить React и ReactDom?

0 голосов
/ 25 марта 2020

Я хочу начать изучать React, но как мне его установить и затем иметь возможность импортировать. Я попытался: npm install react react-dom Он загружает node_modules и package-lock. json, но все равно он не работает. Вот код, который я попробовал индексировать. js

    import React from "react"
    import ReactDom from "react-dom"

    ReactDOM.render(<h1>Hello World</h1>, document.getElementByID('root'));

HTML Код индекса. html

     <!DOCTYPE html>
     <html lang="en">
        <head>
           <meta charset="UTF-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <script src="./js/underscore.js"></script>
           <script src="./js/backbone.js"></script>
           <script src="index.js"></script>
           <title>Document</title>
        </head>
        <body>
           <div id="root"></div>
        </body>
        </html>

Ответы [ 2 ]

1 голос
/ 25 марта 2020

В вашем коде есть орфографическая ошибка 

ReactDOM.render(<h1>Hello World</h1>, document.getElementByID('root'));

Должно быть 

ReactDOM.render(<h1>Hello World</h1>, document.getElementById('root'));

Также измените ReactDom импорт на 

import ReactDOM from "react-dom"
0 голосов
/ 25 марта 2020

из документации реагирования:

Создание приложения React - удобная среда для изучения React и лучший способ начать создание нового одностраничного приложения в React.

Так что я бы посоветовал вам начать с create-реакции-приложения. Это готовая среда, в которой все настроено, поэтому пока вы не готовы, вам не о чем беспокоиться.

  1. первый запуск: npx create-react-app my-app

Это создаст новую папку в вашем текущем каталоге и внутри нее будет готовое приложение реагирования.

Войдите в каталог, введя cd my-app

, а затем выполните эту команду npm start, чтобы запустить приложение реакции

Если вы не знаете, как запускать команды, Google "Как запустить консольные команды в Windows / Mac / linux".

...