用react class写选项卡

tsx:

import React, { Component } from "react";
import "./index.less";
import { connect } from "react-redux";
 
interface Props {
 
}
 
interface State {
    SelectIndex: number,
    BtnList: btn[],
    ContList: cont[],
}
interface btn {
    id: string, btntext: string
}
interface cont {
    id: string, conttext: string
}
class About extends Component<Props, State> {
    // eslint-disable-next-line @typescript-eslint/no-useless-constructor
    timer?: NodeJS.Timeout
    constructor(props: Props) {
        super(props)
        this.state = {
            SelectIndex: 0,
            BtnList: [
                { id: "1", btntext: "A" },
                { id: "2", btntext: "B" },
                { id: "3", btntext: "C" }
            ],
            ContList: [
                { id: "1", conttext: "AAAA" },
                { id: "2", conttext: "BBBB" },