반응형
let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '패션 옷가게'])
let [따봉, 따봉변경] = useState([0, 0 , 0]);
let [modal, modal변경] = useState(false);
function 따봉up(i){
var newArray = [...따봉]
newArray[i] = newArray[i] +1;
따봉변경(newArray);
}
function 제목바꾸기() {
var newArray = [...글제목];
newArray[0] = '여자 코트 추천';
글제목변경(newArray);
}
{
글제목.map(function (글, i) {
return (
<div className="list">
<h3> {글} <span onClick={ ()=>{따봉up(i)} }>👍</span>{따봉[i]}</h3>
<p>2월 18일 발행</p>
<hr />
</div>
)
})
}
반응형
'프론트엔드 > React' 카테고리의 다른 글
리액트 a태그 중목 에러 해결법 (0) | 2022.01.08 |
---|---|
리액트 SASS설치, 사용법 (0) | 2022.01.08 |
리액트 styled-component사용하기 (0) | 2022.01.08 |
리액트 라우터 세팅 (0) | 2022.01.08 |
리액트와 VS Code 환경 구축 (1) | 2022.01.05 |