프론트엔드/React

react 상태관리(useState)

데브힐러 2022. 1. 7. 17:26
반응형
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