작성한 질문수 7

1

export import 하실때 중괄호 {} 로 묶어서 내보내고 들여오는 걸 말씀하시는 거라면,

import React from 'react';
import { Link } from 'react-router-dom';

function LinkButton({ children, link , className }) {
  return (
    <Link to={link}>
      <div className={className}>{children}</div>
    </Link>
  );
};

function NormalButton({ children, className }) {
  return (
    <div className={className}>{children}</div>
  );
};

export default { LinkButton, NormalButton };

위와 같은 코드처럼 한 파일 안에서 여러가지 함수나 클래스형 컴포넌트를 내보내기 위해 사용합니다.

그게 아니라 컴포넌트의 매개변수가 { children, link , className } 등으로 받아오는 게 궁금하시다면

자바스크립트의 구조분해할당을 이해하고 리액트의 props 구조분해할당을 검색해보세요.

0

안녕하세요, 소플입니다.

어떤 괄호를 말씀하시는 건지 예시 코드를 보여주실 수 있을까요?

감사합니다.

function Comp1() {
  return (
  );
}

function MyComponent() {
    return <OtherComponent />;
}