what different import 'react' and 'react-native' in same file

Question

In some example, I saw :

import React, {
 Component
} from 'react';

import {
 StyleSheet, Text,...
} from 'react-native';

I know the 'react-native' purpose, but I don't understand why they import 'React' in some example? it makes me confused...

Thanks for your time :)

Possible duplicate of [Need help on React Js](https://stackoverflow.com/questions/40401224/need-help-on-react-js) — Shubham Khatri, Jun 28 '17 at 04:33

score 1 · Accepted Answer · answered Jun 28 '17 at 04:24

1

import React from 'react' is required for JSX to work.

Under the hood, JSX is being transpiled to React.createElement(...) invocations. So, even though you don't have to type React.createElement(), JSX still requires React to be active in the module namespace so that it can do it for you.

Example of what React looks like without the transpilation step.

answered Jun 28 '17 at 04:24

Denny

744
4
10

1

So that's how it is, I appreciate your kind assistance :) – Pork Jackson Jun 28 '17 at 04:29
You're welcome. If you find the answer useful, please mark it as answered. It's a nice way to say thank you. – Denny Jun 28 '17 at 04:31

what different import 'react' and 'react-native' in same file

1 Answers1