생활
Next.js, React.js
제가 처음에 create-app-react였나 그걸로 공부를 시작했다가 next.js를 해보고있는데요
코드에서 import React from 'react'; 를 할 필요 없습니다. 함수형 컴포넌트가 아닌 클래스 형 컴포넌트도 동일한데요, 만약에 여러분들이 class Index extends Component 와 같은 형식으로 하는걸 선호한다면, import { Component } from 'react'; 는 선언 해주어야합니다. 혹은 class Index extends React.Component 로 작성해도 되겠구요.
위글을 보시면 next.js를 알려준곳에선
import Link from 'next/link'; import Head from 'next/head'; import Layout from '../components/Layout'; const Index = () => ( <Layout> <Head> <title>Index 페이지</title> </Head> <h1>안녕, Next.js</h1> <h2> <Link href="/about"> <a style={{ background: 'black', color: 'white' }}>소개</a> </Link> </h2> </Layout> ); export default Index;이런식의 코딩을 하고
create-app-react에서는
import React, { Component } from 'react'; import Test2 from './Test2'; class App extends Component { render() { const a = 1; return ( <div> {' '} {0 + a === 1 ? <Test2 /> : <div> cc </div>} <div /> </div> ); } } export default App;이런식으로 알려주더라구요
어떤게 더 좋을지 next.js에서 사용할땐 위에서 보여준 부분처럼 사용하는게 좋은지 궁금합니다.
2개의 답변이 있어요!