가나다순으로 이름정렬하는 버튼을 만드려고 하는데 blog 만들었던 때처럼 만들어보는데 data값 자체가 없어져버리는 현상이
나타납니다 ㅠㅠ 계속 수정해보았는데 어디부분이 문제인지 잘 모르겠어요!
let [productData, setProductdata] = useState(data);
<Route path="/" element={
<>
<div>
<div className="main-bg"></div>
</div>
<button onClick={()=>{
{
productData.map(function(a,i){
let copy = [...data[i].title];
copy = copy.sort();
setProductdata(copy);
console.log(copy)
})
}
}}>가나다순 정렬</button>
<div className="container">
<div className="row">
{
productData.map(function(a, i){
return(
<Product productData={productData} i={i}></Product>
)
})
}
</div>
</div>
</>
}></Route>
어떤식으로 수정해야 하는걸까요 선생님?????ㅠㅠ
