Unhandled Runtime Error 시 해결 방법

전송되는 데이터를 정제하지 않고 바로 분류하거나 사용하면 이런 에러가 발생한다.

 

- 예시

 

정제할 데이터 data => change 내림차순으로 정제

 

 

type CoinHotProps = {
  data: any;
};

const CoinHot: React.FC<CoinHotProps> = ({ data }) => {

  console.log(
    data.sort(
       (a: any, b: any) => parseFloat(a.change) - parseFloat(b.change)
    )
   );

Unhandled Runtime Error

TypeError: Cannot assign to read only property '0' of object '[object Array]'

 

 

해결방법은 데이터를 정제해주어야한다. (for&push or map&push)

 

import { useState } from "react";

type CoinHotProps = {
  data: any;
};

const CoinHot: React.FC<CoinHotProps> = ({ data }) => {
  const [number, setNumber] = useState(0);
  const refinedData = () => {
    const dataArray: any[] = [];
    for (let i = 0; i < data?.length; i++) {
      dataArray.push(data[i]);
    }
    return dataArray;
  };
  console.log(refinedData());

  console.log(
    refinedData().sort(
      (a: any, b: any) => parseFloat(a.change) - parseFloat(b.change)
    )
  );