Import React

Import React

Wooo! Your first React component!

Take a look at the code on line 1:

 

import React from 'react';

 

This line of code creates a new variable.

That variable’s name is React, and its value is a particular, imported JavaScript object:

 

// create a variable named React:
import React from 'react';
// evaluate this variable and get a particular, imported JavaScript object:
React // { imported object properties here... }

 

This imported object contains methods that you need in order to use React.

The object is called the React library.

Later, we’ll go over where the React library is imported from, and how the importing process works.

For now, just know that you get the React library via import React from 'react';.

 

You’ve already seen one of the methods contained in the React library: React.createElement().

Recall that when a JSX element is compiled, it transforms into a React.createElement() call.

 

For this reason, you have to import the React library, and save it in a variable named React, before you can use any JSX at all. React.createElement() must be available in order for JSX to work.

 

---

Import React

 

Wooo!  너의 첫 리엑트 컴포넌트!

라인1의 코드를 보아라. 

 

import React from 'react';

 

이 코드줄은 새로운 변수를 생성한다. 

변수의 이름은 React, 값은 특정하고 임포트된 JS 객체이다. 

 

// create a variable named React:
import React from 'react';
// evaluate this variable and get a particular, imported JavaScript object:
React // { imported object properties here... }

 

이 임포트된 객체는 당신이 리엑트를 사용하기위해 필요한 method들을 포함한다. 

이 객체는 react 라이브러라라고 불리운다. 

나중에 리액션 라이브러리가 어디서 가져와지는지, importing 프로세스가 어떻게 작동하는지 살펴볼것이다. 

지금은 단지 react로부터 import react를 통해 리엑트 라이브러리에 당신이 접근할 수 있다는 것을 알아라. 

 

 

 

당신은 리엑트라이브러리에 포함된 method들 중 하나를 이미 보았다. : 'React.createElement()'

JSX 요소가 컴파일될때, 이것이 React.createElement() 호출로 변환된다는 점을 기억하십시오.

 

이러한 이유로, 당신은 리엑트라이브러리를 호출해야만 한다.

그리고 당신이 아무 JSX를 사용할 수 있기 전에 리엑트 이름된 변수에 이것을 저장해야한다. 

JSX가 작동하려면 react.createElement()를 사용할 수 있어야 한다.

 

 

import React from 'react';

 

'react'로부터 가져온 라이브러리를 React라는 변수명에 저장하는 의미인 것 같다.

 

https://www.codecademy.com/courses/react-101/lessons/your-first-react-component/exercises/import-react

| Codecademy