TIL 2022.04.20

map(JS) 

["고양1","고양2","고양3"].map(cat => cat + "귀여워")

 

map(React)

["고양1","고양2","고양3"].map(cat => <h1>{cat}귀여워<h1>)

오늘 본 warning

key 값 추가해서 Warning 없애기

return (

<ul className="favorites">

{cats.map((cat) => (

<CatItem img={cat} key={cat} />

))}

</ul>

);

 

JS 소문자를 대문자로 바꾸기

.toUpperCase()

 

function handleInputChange(e) {

console.log(e.target.value.toUpperCase());

}

convention : 규칙 약속

prop으로 넘길 때는 앞부분에 on을 붙여준다

 

#100daysofcode day16

리액트 너무 신기한데 설명을 못하겠네 와...