Typescript и ReactJS - определение и шпаргалка

Question

Мне нужна помощь в определении нескольких элементов моего кода в Typescript.У меня нулевой опыт работы с TS, и я был бы признателен, если бы кто-то мог поделиться ресурсами с кем-то, кто только начинает.Шпаргалка для чайников была бы хороша.

Заранее спасибо.

В приведенном ниже коде я не уверен, как определить следующее:

• onChange
• ребенок
• ребенок. props .значение

код

import * as React from 'react'
import styled from 'styled-components'

const TabListWrapper = styled.ul`
    display: flex;
    flex-direction: row;
    list-style-type: none;
`

interface Props {
    defaultValue: string
}

export default class TabList extends React.Component<Props> {
    state = {
        value: this.props.defaultValue,
    }

    select(value) {
        this.setState({ value }, () => {
            this.props.onChange(this.state.value)
        })
    }

    render() {
        const children = React.Children.map(this.props.children, child =>
            React.cloneElement(child, {
                isSelected: child.props.value === this.state.value,
                onClick: () => this.select(child.props.value),
            }),
        )

        return <TabListWrapper>{children}</TabListWrapper>
    }
}