Return Types Strings and Fragments

Fragment

리액트가 여러 컴포넌트를 한번에 return을 못하기 때문에

div, span, [] 등으로 그룹핑을 하게되는데 이렇게 작업할 시 필요없는 코드가 많아지게 된다.

이 때 Fragment를 사용할 수 있다

import React, { Component, Fragment } from 'react';

class ReturnTypes extends Component {
  render() {
    return (
      <Fragment>
         <header />
         <div />
         <footer />
       </Fragment>
    )
  }
}

class ReturnTypes extends Component {
  render() {
    return (
      <>
         <header />
         <div />
         <footer />
       </>
    )
  }
}

return strings

return string도 가능하다

import React, { Component, Fragment } from 'react';

class ReturnTypes extends Component {
  render() {
    return "hello";
  }
}