input1 숙제 질문드립니다.

 {
      글제목.map(function(a,i){
        return(
          <div className="list" key={i}>
      <h4 onClick={()=>{if(modal===false){setModal(true);settitle(i)} else setModal(false)}}>{글제목[i]}</h4><span onClick={()=>{let copy2=[...따봉]; copy2[i]=copy2[i]+1;따봉변경(copy2)}}>👍</span> {따봉[i]}
      <p>2월 17일 발행</p>
     <button onClick={()=>{(글제목변경(글제목.filter(글제목[i])))}}>삭제</button>
    </div>
        )
      })
    }
   
     <input onChange={(e)=>{입력값변경(e.target.value); }}></input>
     <button onClick={()=>{글제목변경(글제목.concat(입력값))}}>글발행</button>

먼저 글추가하는부분은 concat을통해 배열에서 새로운값을입력해 state를 수정해 구현했고

삭제버튼은 filter를통해 구현하려고했는데 오류가나는이유가 혹시 순차적으로 실행되는데 버튼이 아래에있어서 오류가나는것인지 궁금합니다.