리액트 Fragment
리액트를 렌더할 때 주의사항리액트의 경우엔 컴포넌트들을 만들어서 그것들을 재사용합니다. 이러한 방식때문에 여러 컴포넌트들이 같이 렌더링됩니다. 이때 주의해야할 사항은 전체가 하나로 감싸져야 한다는 것입니다. 해당 코드를 실행하면 두개의 div를 하나로 감싸지 않았기 때문에 에러가 납니다. Adjacent JSX elements must be wrapped in an enclosing tag 이런 상황에서 저 두개의 div를 하나의 div나 span으로 감싸는 것이 최선의 방법이었습니다. 하지만 그럴 경우 불필요한 태그가 생기게 되는 한계점이 있었습니다. 이제는 이런 상황에서 Fragment를 이용하면 됩니다.리액트16의 Fragment 위의 코드처럼 Fragment로 감싸면 에러가 나지 않고 렌더링 되는..
Frontend-dev/react
2018. 9. 20. 00:44