Я пытаюсь создать вкладки для навигации поверх моего приложения React, фрагмент кода, подобный следующему. Я использую Typescript для этого.
import {BrowserRouter as Router, Route} from "react-router-dom";
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
...
<Router>
<Tabs onChange={this.changeTab} value='false' >
<Tab value = '0' label="Index" containerElement={<Link to="/index"/>} />
<Tab value = '1' label="About" containerElement={<Link to="/about"/>} />
</Tabs>
</Router>
И компилятор сообщил мне следующую ошибку, я не знаю, почему вышеупомянутая ссылка работает в версии приложения ES6, но не работает в версии Typescript. Есть ли способ это исправить?
(32,37): Property 'containerElement' does not exist on type 'IntrinsicAttributes & TabProps & { children?: ReactNode; }'.
[ПРАВИТЬ] Добавить дополнительную информацию:
Показать информацию в моем файле package.json, относящуюся к этому обсуждению:
"dependencies": {
"@material-ui/core": "^1.2.3",
...
}
"devDependencies": {
"@types/material-ui": "^0.21.3",
...
}