Question

我有一个带有清单和详细信息组件的应用程序。当我从列表重定向到详细信息时，重定向工作很好。但是，当列出详细信息时，它不起作用。有什么问题吗？

这是details.js

handleSubmit = (event) => {
    this.setState({redirect: true});
    $.post("http://localhost:8090/api/sendSimple", {
            template: this.state.template
        },
        function (data, status) {
            if (data.code !== '0') {
                alert("Error. " + data.message);
            } else {
                alert("Success");
                this.setState({redirect: true});
            }
        }.bind(this));
};
render() {
    if (this.state.redirect) {
        return <Switch>
            <div>
                <Redirect push to={"/list"}/>
                <Route path="/list" component={App}/>
            </div>
        </Switch>;
    }
    return (
        <div>
        </div>
    );
}

还有index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';    
import 'bootstrap/dist/css/bootstrap.css';
import {BrowserRouter} from 'react-router-dom';

ReactDOM.render(
    <BrowserRouter>
        <App/>
    </BrowserRouter>
    , document.getElementById('app'));
registerServiceWorker();

Answer 1

需要包装。只有这样这项工作。我不知道为什么

反应路由器v4。重定向不起作用

1 个答案: