오늘 나는 다음을 발견했습니다 : 선택적 TypeScript 함수 소품

반응에 대한 사용자 지정 테이블 구성 요소를 작성하는 동안 흥미로운 문제가 발생했습니다.

테이블은 테이블의 헤더와 열을 정의하는 객체 배열과 행에 대한 객체 배열과 같은 소품을 가져옵니다. 이러한 소품을 사용하여 구성 요소는 테이블을 렌더링할 수 있습니다.

그러나 사용자 정의 테이블을 작성하는 요점은 일반 html 테이블에서 사용할 수 없는 기능을 추가하는 것이므로 테이블이 편집 모드에 있을 때만 사용하면 되므로 선택 사항인 편집을 처리하는 함수를 전달해야 했습니다.

정의되지 않은 변수가 있을 때 일반적으로 typescript에서 사용할 수 있습니다.

interface Types{
person?:{name: string , age: number}
}


const age = person?.age

이렇게 하면 일반적으로 코드를 손상시키는 정의되지 않은 오류에 액세스할 수 없습니다. 이 구현은 변수가 정의되지 않은 경우 변수에 액세스하려고 시도하지 않습니다.

함수 없이 정의되지 않은 함수를 가질 수 있도록 하는 함수에 대해 이와 같은 것이 존재합니다. 함수는 정의되지 않은 오류일 수 없습니다.

interface Types{
person?:{name: string , age: number}

sayHello?:(name: string)=>void
}
// Then execute the function like this

sayHello.?(person?.name)

repo에서 표를 확인하십시오.