휘의 단칸방

const comments는 id, name, comment, path 를 가진 리스트임function Comment(props) { return ( {props.name} {props.comment} )}props을 통해서 부모컴포넌트로부터 name, comment, path를 전달받아서 랜더링함.const CommentList = () => { return ( { comments.map(c => { return }) } )}export default CommentList..

jsx리액트에서 사용하는 기본적인 문법체계JavaScript와 HTML을 함께 사용한다.HTML을 사용하던 중 JavaScript를 사용하고 싶을 때는 {}을 이용하면 된다ComponentReact에서 UI를 구성하는 독립적이고 재사용 가능한 코드하나의 함수형 Component는 무조건 하나의 태그를 리턴한다재사용 할 수 있는 가장 작은 단위의 Elementprops부모컴포넌트에서 자식컴포넌트에 데이터를 전달하는 방식컴포넌트의 속성=값으로 전달 할 수 있다.!! props가 변하면 자식요소는 리랜더링을 한다 !!import React from 'react'const Food = (props) => { return( 이 음식의 이름은 {props.name}입니다. ..