[react 기록용]1-6.state 내용 변경하기

 

import React, {useState} from 'react';
import logo from './logo.svg'
import './App.css';

function App() {
  let [글제목, 글제목변경] = useState(['남자코트 추천', '우동맛집 추천', '파이썬 독학']);

  function 제목바꾸기(){
    var newArray = [...글제목]; //state를 deep copy해야함
    newArray[0] = '여자코트 추천'; //수정사항(교체, 정렬, 삭제, 추가, 등등)
    글제목변경(newArray);
  }

  return (
    <div className="App">
      <div className="list">
        <h3>{ 글제목[0] }</h3>
        <p>2월 17일 발행</p>
        <hr />
       </div>
       <button onClick={ 제목바꾸기 }>제목변경버튼</button>
    </div>
  );
}

export default App;