function Component1(props){
    return(
        <div>안녕하세요1</div>
    );
}

const Component2 =(props) =>{
    return( 
        <div>안녕하세요2</div>
    );
}


export default Component1;
export default Component2;

 

이렇게하면 오류가 나온다

----------------------------------

 

따라서 아래처럼 작성해줘야한다.


import React from 'react';

function Component1(props){
    return(
        <div>안녕하세요1</div>
    );
}

const Component2 =(props) =>{
    return(
        <div>안녕하세요2</div>
    );
}


// export default Component1;
// export default Component2;
export  {Component1 , Component2}

 

https://alwaysbemoon.tistory.com/279

 

[리액트] 여러 개의 Component를 export하는 방법

문제 Component.js 파일에 함수형 컴포넌트 2개를 선언했다. 이 2개의 컴포넌트를 export하기 위해서 아래와 같이 작성하였는데 에러가 났다 function Component1(props){ return( 함수형 컴포넌트1 ); } const Compon

alwaysbemoon.tistory.com

참조

+ Recent posts