/Javascript/React/How to import in react js

How to import in react js

React export

import React from 'react';
import {Text} from 'react-native';

export default function Cat() {
  return (
    <Text>Hello, I am your cat!</Text>
  );
}

Source: reactnative.dev

How to import in react js

import React, { useState, Component } from 'react';
import { FaFacebookF, FaInstagram, FaTwitter, FaLinkedinIn } from "react-icons/fa";
import './navbar.css';
import { GiHamburgerMenu } from "react-icons/gi";
import { NavLink } from 'react-router-dom';
import Logo from '../images/Logo.png';

Why we import react from react

It's just a tool to make it easier for you to use it! If you are
interested in using React without JSX you can check out the docs. ... 
createElement calls, you can see where React is used. If you forget to 
import React, it will be undefined and the createElement call will fail.

Import in react

import Footer from '../../components/Footer/Footer';

Why we import react from react

Q. Why we import React from 'react'?
  
Ans: When you are trying to use jsx in your javascript file your normal compiler as well as 
even babel could not understand it. Although normal compiler never understand it. But anyhow 
you want to say your compiler I am providing you a jsx in the file.

-1

Source: stackoverflow.com

Similar codes

0 vote168 views1 answer
React router dom props.history is undefined
Javascript React
2 votes184 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote150 views1 answer
This.props undefined react native
Javascript React
6 votes225 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
4 votes143 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
4 votes142 views1 answer
On window resize react
Javascript React
0 vote144 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
1 vote146 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote146 views1 answer
How to start react project on atom
Javascript React
1 vote149 views1 answer
Functional component how to add to existing array react
Javascript React