Компонент Tab с материалом-интерфейсом и ссылкой

Question

Мне нужно обернуть компоненты Tab компонентом реакционного маршрутизатора Link.но, учитывая следующий код, при нажатии на вкладки результат не дает.если это означает, что компонент Tabs должен быть прямым родителем всех компонентов Tab (s), то как мне применить компонент Link?

      <Tabs
        value={tab}
        onChange={(e, v) => setTab(v)} 
      >
        <Link to={`${props.match.url}`}>
          <Tab label="Content" />
        </Link>
        <Link to={`${props.match.url}/comment`}>
          <Tab label="Comment" /
        </Link>
        <Link to={`${props.match.url}/create`}>
          <Tab label="Create" />
        </Link>
      </Tabs>

Answer 1

Вы можете предоставить Tab компонент prop:

  <Tabs
    value={tab}
    onChange={(e, v) => setTab(v)} 
  >
      <Tab component={Link} to={`${props.match.url}`} label="Content" />
      <Tab component={Link} to={`${props.match.url}/comment`} label="Comment" />
      <Tab component={Link} to={`${props.match.url}/create`} label="Create" />
  </Tabs>