Import React, { Component } from 'react' — зачем импортировать React?

Question

[ValentinFr]

Добрый день!

Разбираюсь с React. Сейчас смотрю нюансы создания компоненты. Немного не понимаю, зачем во всех примерах создания своей компоненты используется импорт всего класса React. Даже в очень простых случаях, например:

import React, { Component } from 'react'

class MyComponent extends Component {

   render() {
      return (
         <h1>Hello World!</h1>
      )
   }

}

По сути, я получить объект "Component" и дальше с ним работаю. Если мне нужно будет работать с "props", я получу еще и объект "PropTypes" и буду с ним работать.

Понимаю, что немного "заморачиваюсь", но хочу разобраться в деталях.

Спасибо, за подсказку!

Answer 1

[Aves]

Затем что <h1>Hello World!</h1> преобразуется в React.createElement("h1", null, "Hello World!")

Comments

[ValentinFr]

Спасибо большое!

[ValentinFr]

Добрый вечер! Еще раз спасибо за подробный ответ. После Вашего ответа и ответа Антона, показалось, что я понял все. Начал еще раз проходить по каждой строке кода и продумывать, что и как происходит, и все же не могу понять, почему выполняется код, написанный Вами выше! :( Что нужно прочесть, чтобы в это въехать?

[ValentinFr]

ValentinFr: Я понимаю, что Hello World! преобразуется в React.createElement("h1", null, "Hello World!"), но почему именно здесь нужен импорт React?!

[Aves]

ValentinFr: Потому что если не импортировать React, то попытка вызова React.createElement выбросит ошибку

ReferenceError: React is not defined

Answer 2

[Anton Bobylev]

Чтобы с jsx работать

Comments

[ValentinFr]

Спасибо большое!