mirror of
https://github.com/YMFE/yapi.git
synced 2025-01-06 12:45:22 +08:00
fix: fix route some bug
This commit is contained in:
parent
bd85dbbd42
commit
485b8d6821
@ -1,7 +1,7 @@
|
||||
import React, { Component } from 'react'
|
||||
import PropTypes from 'prop-types'
|
||||
import { Row, Col, Tabs } from 'antd';
|
||||
import { Route } from 'react-router-dom';
|
||||
import { Route, Switch, Redirect } from 'react-router-dom';
|
||||
|
||||
import './interface.scss'
|
||||
|
||||
@ -75,7 +75,10 @@ class Interface extends Component {
|
||||
</Col>
|
||||
<Col span={18} >
|
||||
<div className="right-content">
|
||||
<Route path="/project/:id/interface/:action/:actionId" component={InterfaceRoute} />
|
||||
<Switch>
|
||||
<Redirect exact from='/project/:id/interface/:action' to={'/project/' + this.props.match.params.id + '/interface/' + this.props.match.params.action + '/0'} />
|
||||
<Route path="/project/:id/interface/:action/:actionId" component={InterfaceRoute} />
|
||||
</Switch>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
|
@ -27,7 +27,8 @@ class Content extends Component {
|
||||
match: PropTypes.object,
|
||||
list: PropTypes.array,
|
||||
curdata: PropTypes.object,
|
||||
fetchInterfaceData: PropTypes.func
|
||||
fetchInterfaceData: PropTypes.func,
|
||||
history: PropTypes.object
|
||||
}
|
||||
constructor(props) {
|
||||
super(props)
|
||||
@ -41,17 +42,20 @@ class Content extends Component {
|
||||
this.handleRequest(this.props)
|
||||
}
|
||||
|
||||
componentWillReceiveProps(nextProps){
|
||||
componentWillReceiveProps(nextProps) {
|
||||
this.handleRequest(nextProps)
|
||||
}
|
||||
|
||||
handleRequest(nextProps){
|
||||
handleRequest(nextProps) {
|
||||
let matchParams = nextProps.match.params;
|
||||
let _actionId;
|
||||
_actionId = matchParams.actionId;
|
||||
_actionId = parseInt(matchParams.actionId, 10);
|
||||
if(!nextProps.curdata)return;
|
||||
if(this._actionId !== _actionId){
|
||||
if (_actionId == 0 && nextProps.list.length > 0) {
|
||||
return this.props.history.replace('/project/' + matchParams.id + '/interface/api/' + nextProps.list[0]._id)
|
||||
}
|
||||
if (!nextProps.curdata) return;
|
||||
if (this._actionId !== _actionId) {
|
||||
this._actionId = _actionId;
|
||||
this.props.fetchInterfaceData(_actionId)
|
||||
}
|
||||
@ -60,7 +64,7 @@ class Content extends Component {
|
||||
})
|
||||
}
|
||||
|
||||
onChange = (key)=>{
|
||||
onChange = (key) => {
|
||||
this.setState({
|
||||
curtab: key
|
||||
})
|
||||
|
@ -62,11 +62,11 @@ class InterfaceMenu extends Component {
|
||||
}
|
||||
|
||||
async handleRequest() {
|
||||
let result = await this.props.fetchInterfaceList(this.props.projectId);
|
||||
let params = this.props.match.params;
|
||||
if(!params.actionId){
|
||||
this.props.history.replace('/project/'+params.id + '/interface/api/' + result.payload.data[0]._id)
|
||||
}
|
||||
await this.props.fetchInterfaceList(this.props.projectId);
|
||||
|
||||
// if(!params.actionId){
|
||||
// this.props.history.replace('/project/'+params.id + '/interface/api/' + result.payload.data[0]._id)
|
||||
// }
|
||||
}
|
||||
|
||||
componentWillMount() {
|
||||
|
Loading…
Reference in New Issue
Block a user