TODO: 设计需要的内容.
This commit is contained in:
parent
3e96865ee0
commit
ea0970a763
44
package-lock.json
generated
44
package-lock.json
generated
|
@ -2275,8 +2275,8 @@
|
|||
},
|
||||
"@typescript-eslint/eslint-plugin": {
|
||||
"version": "4.6.1",
|
||||
"resolved": "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-4.6.1.tgz",
|
||||
"integrity": "sha1-mdd+t6AW/VpedJ0sRKfkwxfrfaM=",
|
||||
"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.6.1.tgz",
|
||||
"integrity": "sha512-SNZyflefTMK2JyrPfFFzzoy2asLmZvZJ6+/L5cIqg4HfKGiW2Gr1Go1OyEVqne/U4QwmoasuMwppoBHWBWF2nA==",
|
||||
"requires": {
|
||||
"@typescript-eslint/experimental-utils": "4.6.1",
|
||||
"@typescript-eslint/scope-manager": "4.6.1",
|
||||
|
@ -2302,8 +2302,8 @@
|
|||
},
|
||||
"@typescript-eslint/parser": {
|
||||
"version": "4.6.1",
|
||||
"resolved": "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-4.6.1.tgz",
|
||||
"integrity": "sha1-uAG/9ntTbsxKhArJKJuivlfgJCg=",
|
||||
"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.6.1.tgz",
|
||||
"integrity": "sha512-lScKRPt1wM9UwyKkGKyQDqf0bh6jm8DQ5iN37urRIXDm16GEv+HGEmum2Fc423xlk5NUOkOpfTnKZc/tqKZkDQ==",
|
||||
"requires": {
|
||||
"@typescript-eslint/scope-manager": "4.6.1",
|
||||
"@typescript-eslint/types": "4.6.1",
|
||||
|
@ -2799,8 +2799,8 @@
|
|||
},
|
||||
"array.prototype.flatmap": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npm.taobao.org/array.prototype.flatmap/download/array.prototype.flatmap-1.2.3.tgz",
|
||||
"integrity": "sha1-HBP4SheFZgQt1j3kQURA25Ii5EM=",
|
||||
"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.2.3.tgz",
|
||||
"integrity": "sha512-OOEk+lkePcg+ODXIpvuU9PAryCikCJyo7GlDG1upleEpQRx6mzL9puEBkozQ5iAx20KV0l3DbyQwqciJtqe5Pg==",
|
||||
"requires": {
|
||||
"define-properties": "^1.1.3",
|
||||
"es-abstract": "^1.17.0-next.1",
|
||||
|
@ -5652,8 +5652,8 @@
|
|||
},
|
||||
"eslint-plugin-react": {
|
||||
"version": "7.21.5",
|
||||
"resolved": "https://registry.npm.taobao.org/eslint-plugin-react/download/eslint-plugin-react-7.21.5.tgz?cache=0&sync_timestamp=1603161576406&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-react%2Fdownload%2Feslint-plugin-react-7.21.5.tgz",
|
||||
"integrity": "sha1-ULIaQSuVdL/gWyHbF26LezsVv/M=",
|
||||
"resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz",
|
||||
"integrity": "sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g==",
|
||||
"requires": {
|
||||
"array-includes": "^3.1.1",
|
||||
"array.prototype.flatmap": "^1.2.3",
|
||||
|
@ -5670,8 +5670,8 @@
|
|||
"dependencies": {
|
||||
"doctrine": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npm.taobao.org/doctrine/download/doctrine-2.1.0.tgz",
|
||||
"integrity": "sha1-XNAfwQFiG0LEzX9dGmYkNxbT850=",
|
||||
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
|
||||
"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
|
||||
"requires": {
|
||||
"esutils": "^2.0.2"
|
||||
}
|
||||
|
@ -6212,7 +6212,7 @@
|
|||
},
|
||||
"file-entry-cache": {
|
||||
"version": "5.0.1",
|
||||
"resolved": "https://registry.npm.taobao.org/file-entry-cache/download/file-entry-cache-5.0.1.tgz?cache=0&sync_timestamp=1604832267816&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffile-entry-cache%2Fdownload%2Ffile-entry-cache-5.0.1.tgz",
|
||||
"resolved": "https://registry.npm.taobao.org/file-entry-cache/download/file-entry-cache-5.0.1.tgz",
|
||||
"integrity": "sha1-yg9u+m3T1WEzP7FFFQZcL6/fQ5w=",
|
||||
"requires": {
|
||||
"flat-cache": "^2.0.1"
|
||||
|
@ -6308,7 +6308,7 @@
|
|||
},
|
||||
"flat-cache": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npm.taobao.org/flat-cache/download/flat-cache-2.0.1.tgz?cache=0&sync_timestamp=1604831838291&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat-cache%2Fdownload%2Fflat-cache-2.0.1.tgz",
|
||||
"resolved": "https://registry.npm.taobao.org/flat-cache/download/flat-cache-2.0.1.tgz",
|
||||
"integrity": "sha1-XSltbwS9pEpGMKMBQTvbwuwIXsA=",
|
||||
"requires": {
|
||||
"flatted": "^2.0.0",
|
||||
|
@ -7526,8 +7526,8 @@
|
|||
},
|
||||
"internal-slot": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npm.taobao.org/internal-slot/download/internal-slot-1.0.2.tgz",
|
||||
"integrity": "sha1-nC6fs82OXkJWxvRf4xAGf8+jeKM=",
|
||||
"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.2.tgz",
|
||||
"integrity": "sha512-2cQNfwhAfJIkU4KZPkDI+Gj5yNNnbqi40W9Gge6dfnk4TocEVm00B3bdiL+JINrbGJil2TeHvM4rETGzk/f/0g==",
|
||||
"requires": {
|
||||
"es-abstract": "^1.17.0-next.1",
|
||||
"has": "^1.0.3",
|
||||
|
@ -9924,8 +9924,8 @@
|
|||
},
|
||||
"object.fromentries": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npm.taobao.org/object.fromentries/download/object.fromentries-2.0.2.tgz",
|
||||
"integrity": "sha1-SgnJubs4Q90PiazbUXp5TU81Wsk=",
|
||||
"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.2.tgz",
|
||||
"integrity": "sha512-r3ZiBH7MQppDJVLx6fhD618GKNG40CZYH9wgwdhKxBDDbQgjeWGGd4AtkZad84d291YxvWe7bJGuE65Anh0dxQ==",
|
||||
"requires": {
|
||||
"define-properties": "^1.1.3",
|
||||
"es-abstract": "^1.17.0-next.1",
|
||||
|
@ -13618,8 +13618,8 @@
|
|||
},
|
||||
"side-channel": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npm.taobao.org/side-channel/download/side-channel-1.0.3.tgz",
|
||||
"integrity": "sha1-zcRrBXVQu6tjcGIQg4311MGVGcM=",
|
||||
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.3.tgz",
|
||||
"integrity": "sha512-A6+ByhlLkksFoUepsGxfj5x1gTSrs+OydsRptUxeNCabQpCFUvcwIczgOigI8vhY/OJCnPnyE9rGiwgvr9cS1g==",
|
||||
"requires": {
|
||||
"es-abstract": "^1.18.0-next.0",
|
||||
"object-inspect": "^1.8.0"
|
||||
|
@ -13627,8 +13627,8 @@
|
|||
"dependencies": {
|
||||
"es-abstract": {
|
||||
"version": "1.18.0-next.1",
|
||||
"resolved": "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.18.0-next.1.tgz?cache=0&sync_timestamp=1601502719982&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fes-abstract%2Fdownload%2Fes-abstract-1.18.0-next.1.tgz",
|
||||
"integrity": "sha1-bjoKS9pxflAjqzuOkL7DYQjSLGg=",
|
||||
"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.1.tgz",
|
||||
"integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==",
|
||||
"requires": {
|
||||
"es-to-primitive": "^1.2.1",
|
||||
"function-bind": "^1.1.1",
|
||||
|
@ -14213,8 +14213,8 @@
|
|||
},
|
||||
"string.prototype.matchall": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npm.taobao.org/string.prototype.matchall/download/string.prototype.matchall-4.0.2.tgz",
|
||||
"integrity": "sha1-SLtRAyb7n962ozzqqBpuoE73ZI4=",
|
||||
"resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.2.tgz",
|
||||
"integrity": "sha512-N/jp6O5fMf9os0JU3E72Qhf590RSRZU/ungsL/qJUYVTNv7hTG0P/dbPjxINVN9jpscu3nzYwKESU3P3RY5tOg==",
|
||||
"requires": {
|
||||
"define-properties": "^1.1.3",
|
||||
"es-abstract": "^1.17.0",
|
||||
|
|
|
@ -12,6 +12,7 @@ import "./home.css";
|
|||
import ContentTabs from "./tabs";
|
||||
import { HashRouter, Link, Redirect, Route, Switch } from "react-router-dom";
|
||||
import { Console } from "console";
|
||||
import PropTypes from "prop-types";
|
||||
|
||||
const { Header, Sider, Content } = Layout;
|
||||
|
||||
|
@ -28,8 +29,11 @@ class Home extends React.Component {
|
|||
};
|
||||
|
||||
render() {
|
||||
// const props: = this.props;
|
||||
// const { match } = this.props;
|
||||
const props: any = this.props;
|
||||
const { match } = props;
|
||||
|
||||
console.log("home");
|
||||
return (
|
||||
// var props:any = this.props;
|
||||
|
@ -53,12 +57,9 @@ class Home extends React.Component {
|
|||
<Switch>
|
||||
{/* <Route exact path="/content" component={ContentTabs}></Route> */}
|
||||
<Route path="/">
|
||||
<Redirect from="/" to="/tab1">
|
||||
...{console.log("redirect tab1")}
|
||||
</Redirect>
|
||||
<Redirect from="/" to="/tab1"></Redirect>
|
||||
<Route path="/:id" component={ContentTabs}></Route>
|
||||
</Route>
|
||||
|
||||
</Switch>
|
||||
</Content>
|
||||
</Layout>
|
||||
|
|
|
@ -1,20 +1,19 @@
|
|||
import { AndroidOutlined, AppleOutlined } from "@ant-design/icons";
|
||||
import { Tabs } from "antd";
|
||||
import React from "react";
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const { TabPane } = Tabs;
|
||||
|
||||
class ContentTabs extends React.Component {
|
||||
|
||||
render() {
|
||||
const props: any = this.props;
|
||||
|
||||
const { match } = props;
|
||||
// const {state} = location;
|
||||
// console.log(props);
|
||||
const key = match.params.id === undefined ? "tab1" : match.params.id;
|
||||
|
||||
console.log(key);
|
||||
|
||||
// console.log(props);
|
||||
return (
|
||||
<Tabs defaultActiveKey={key} key={key}>
|
||||
<TabPane
|
||||
|
|
Loading…
Reference in New Issue
Block a user