JSX FRAGMENT

JSX Fragment를 사용하면 부모 엘리먼트를 추가로 만들지 않고 여러 엘리먼트를 그룹화할 수 있습니다. JSX Fragment를 사용하면 문법적으로 편리하게 여러 엘리먼트를 묶을 수 있습니다. 따라서 가독성을 높일 수 있고, 불필요한 부모 엘리먼트를 생성하지 않아서 DOM 구조에도 영향을 덜 미치게 됩니다.

 

return 문일 때도 쓴다. 

 

예시:

 

import styled from "styled-components";

const ProductGrid = (props) => {

    return (

        <>

           

        </>

    );

}