Younho9 NotesReact import 스타일
- 기본 가져오기 대신 destructured named imports를 사용하는 것이 앞으로 더 선호된다.
Example
jsx
import React from 'react';
function App() {
return <h1>Hello World</h1>;
}
// =>
function App() {
return <h1>Hello World</h1>;
}
import React from 'react';
function App() {
return <h1>Hello World</h1>;
}
// =>
function App() {
return <h1>Hello World</h1>;
}
jsx
import React from 'react';
function App() {
const [text, setText] = React.useState('Hello World');
return <h1>{text}</h1>;
}
// =>
import {useState} from 'react';
function App() {
const [text, setText] = useState('Hello World');
return <h1>{text}</h1>;
}
import React from 'react';
function App() {
const [text, setText] = React.useState('Hello World');
return <h1>{text}</h1>;
}
// =>
import {useState} from 'react';
function App() {
const [text, setText] = useState('Hello World');
return <h1>{text}</h1>;
}