TODO: 设计需要的内容.

This commit is contained in:
eson 2020-11-09 18:51:13 +08:00
parent 3e96865ee0
commit ea0970a763
3 changed files with 30 additions and 30 deletions

44
package-lock.json generated
View File

@ -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",

View File

@ -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>

View File

@ -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