리액트 문법 그냥 자바스크립트 함수에다가 html을 합친거 같다 아직까진.../////
2차
리턴을 하나의 루트로 만들어서 해야한다
그래서 div로 감싸주곤 하는데 []로 감싸서 배열 형태로 가능하기도 하지만 key도 설정해줘야하고 div가 그냥 더 좋다.
div로 감싸서 리턴하게 되면 쓸모없는 div가 생기면서 앱속도가 느려진다 div soup가 일어난다
그래서 wrapper를 하나 만들어서 감싼다
const Wrapper = props => {
return props.children
}
export default Wrapper이걸 만들어서 div대신 감싸면 div없이 구현이 된다. 약간의 속임수이지만 잘 된다.
위에 걸 쓰면 되지만 리액트에서 기능이 있단다.
<> </>을 쓰거나 // 이건 지원하는 프로젝트여야 됨
<React.Fragment></React.Fragment>을 쓰면 된다 // 이건 다 됨
