Fragments 정의

Fragments: DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화 할 수 있다.

  // 1. Fragments를 사용하면 아래와 같이 된다.
  render() {
    return (
      <React.Fragment>
        <ChildA />
        <ChildB />
        <ChildC />
      </React.Fragment>
    )
  }

  // 2. Fragments를 짧은 구문으로 사용한 예시이다.
  // 짧은 구문은 많은 도구에서 아직 지원하지 않기 때문에 명시적으로 <React.Fragment> 를 사용하자.
  render() {
    return (
      <>
        <ChildA />
        <ChildB />
        <ChildC />
      </>
    )
  }