Component

Tại sao lại cần import React from 'react' trong functional component

Mình có 1 component như thế này

import React from "react";
const App = () => (
  <div>Hello World!!!</div>
);
export default App;

Bạn có bao giờ tự hỏi là ở dưới không bao giờ dùng đến React mà lại phải import ở trên không ? Xóa đoạn import đấy đi thì lại bị báo lỗi

Sau một lúc tìm hiểu thì mình cũng đã biết tại sao. Vấn đề là do JSX cái đoạn "trông như HTML" ở trong component đấy là JSX. Sau khi đoạn "trông như HTML" đấy được babel biên dịch lại thì nó sẽ trông như thế này

var App = function App() {
  return React.createElement(
    "div",
    null,
    "Hello World!!!"
  );
};

Giờ thì bạn đã thấy là React được dùng ở React.createElement rồi đúng không. Đó là lý do tại sao mà có vẻ như là code của bạn không bao giờ dùng đến biến React nhưng vẫn phải import React ở trong functional component. Nguồn: https://hackernoon.com/why-import-react-from-react-in-a-functional-component-657aed821f7a

Registration Login
Sign in with social account
or
Lost your Password?
Registration Login
Sign in with social account
or
A password will be send on your post
Registration Login
Registration