(👍따봉수 각각 기록) 코드 공유

[이성현]

따봉버튼 각각 카운팅하는 사이드 과제 올려봅니다.

아직 초보라 어떻게 만들까 고민했는데,  다행히도 버튼은 각각 잘돌아가네요. 확실하진 않아요. 그럼 즐코딩하세요👍

 

function App() {

  let [글제목, 글제목변경] = useState(['코딩애플는', '센스쟁이', '맛집고수']);
  let [따봉, 따봉변경] = useState([0, 0, 0]);

  const 따봉함수 = (i) => {
    let 따봉copy = [...따봉];
    따봉copy[i]++;
    따봉변경(따봉copy);
  }

  function 제목바꾸기() {
    let newArr = [...글제목];
    newArr[0] = '여자 코트 추천';
    글제목변경(newArr);
  }
  return (
    <div className="App">
      <button onClick={ 제목바꾸기 }>버튼</button>
      <div className="black-nav">
        <div>개발 blog</div>
      </div>

      {
        글제목.map((글,  i) => {

          return (
            <div className='list'>
            <h3> { 글 } <span onClick={ () => 따봉함수(i)}>👍</span> {따봉[i]}</h3>
            <p>2월 17일 발행</p>
            <hr></hr>
          </div>
          )
        })
      }

    </div>
  );
}

[codingapple]

잘되면 다 맞는답입니다 

[글쓴이]

글