Reactjs 如何使用最高值选项卡加载SPA?

Reactjs 如何使用最高值选项卡加载SPA?,reactjs,typescript,material-ui,Reactjs,Typescript,Material Ui,我有一个打字脚本。我使用的是材料界面。我已经创建了一个循环来创建一个包含当前月份和所有前几个月的选项卡菜单。它工作正常,除此之外,我希望加载的页面上个月作为活动 我试过做一些谷歌搜索,但似乎没有人有和我一样的高价值标签问题 这是我的代码的渲染部分,我觉得代码的其余部分对于这个问题不是必需的 render() { const month = new Date().getMonth(); for (var i = month; i >= 0; i--) { rows.push(

我有一个打字脚本。我使用的是材料界面。我已经创建了一个循环来创建一个包含当前月份和所有前几个月的选项卡菜单。它工作正常,除此之外,我希望加载的页面上个月作为活动

我试过做一些谷歌搜索,但似乎没有人有和我一样的高价值标签问题

这是我的代码的渲染部分,我觉得代码的其余部分对于这个问题不是必需的

render() {
  const month = new Date().getMonth();

  for (var i = month; i >= 0; i--) {
   rows.push(i);
  }

  const months = ['January','February','March','April','May','June','July','August','September','October','November','December'];

  return (
    <TabHeader>
      {rows.map((item, index) => {
        return (
          <Tab
            key={index}
            value={item}
            label={months[new Date(0, 0).getMonth()+item]}
            component={Link}
            to={`/month/${item+1}`}
          />
        )
      })}
    </TabHeader>
  )
}
render(){
const month=新日期().getMonth();
对于(变量i=month;i>=0;i--){
行。推(i);
}
恒月=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月];
返回(
{rows.map((项目,索引)=>{
返回(
)
})}
)
}

我希望在您进入页面时,活动选项卡是最高值选项卡,在当前情况下,则是值为8的9月份。

正如Rikin在评论中指出的那样,然后将值传递到TabHeader,这是我制作的一个包含选项卡的常见组件。

什么是
TabHeader
?我在material ui文档中没有看到它,不管怎样,您可能想使用
选项卡
,该选项卡具有
属性,您要设置该属性以呈现激活的选项卡