Home [Typescript] 오류 수정
Post
Cancel

[Typescript] 오류 수정

  1. No overload matches this call

    ApexChart를 적용할때 발생한 오류다.

    타입스크립트 no overload matches this call 오류 화면

    참고한 블로그

    간단하게 말하면 overloaded function에서 지정한 매개변수들의 타입 형식(여기서는 [number, number] 또는 [string, string])과 실제 전달한 인자의 타입 형식이 일치하지 않으면 뜨는 에러이다.

    따라서 interface를 생성해 IChartAxis[]로 데이터 타입을 지정해준다.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    
    	
     interface IChartAxis {
       x: Date;
       y: number[];
     }
    
     ...	
    	
    	
     function chart(){
    		
         ...
         return{
    			
             ...
    	
                 {
               name: 'Price',
               data: data?.map((props) => {
                 return {
                   x: new Date(props.time_open * 1000),
                   y: [
                     parseFloat(props.open),
                     parseFloat(props.high),
                     parseFloat(props.low),
                     parseFloat(props.close),
                   ],
                 };
               }) as IChartAxis[],
             },
           ]}
    

    ApexChart candlestick 타입 설정 공식문서

This post is licensed under CC BY 4.0 by the author.

[React] React typescript

[React] 오류 수정

Comments powered by Disqus.