[코딩애플]react 한번 정리하고 가기./작성중

state 만드는법

let [제목, 제목설정] = setState(값들)
//값은 원시요소 말고도 배열, 오브젝트도 들어갈 수 있다.

사용할때
return (
<h1>{ 제목 } </h1>

//변경은 아래와 같이

<div>
	<span onClick={() => {
          set좋아요(좋아요 + 1)
        }}>👍</span> {좋아요} 
</div>
)

props 전송하는법

function App(){

let [index, setIndex] = setState(0);
let [제목, 제목설정] = setState(['다람쥐 코트 추천', '고양이 코트 추천', '강아지 신발 추천'])

return(
<Modal index={index) 제목={제목}>

);
}


function Modal(props){
	return(
    <div className='modal'>
      <h4>{props.제목[props.index]}</h4>
      <p>날짜</p>
      <p>상세내용</p>
	</div>
    )
 }
 
 
 // [0, 1, 2, 3, 4].map((a)=>{ })

 

컴포넌트 만드는 법

 

작성중~