小编Chu*_*lds的帖子

当用户在输入字段中按 Enter 时，我尝试重定向到新路线。我有一个标题和搜索组件，我想在每个页面上呈现它。我发现了使用重定向组件、withRouter 组件、使用上下文以及可能将历史对象传递到我的搜索组件（输入字段所在的位置）的不同用例。任何帮助，将不胜感激..

App.js（主要组件）

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Title from './Title';
import Search from './Search';
import Home from './Home';
import Movie from './Movie';

class App extends Component {
    render() {
        return (
            <div>
                <Title />
                <Search />
                <Router>
                        <Switch>
                            <Route exact path='/' component={Home} />
                            <Route path='/movie' component={Movie} />
                        </Switch>
                </Router>
            </div>
        );
    }
}

export default App;

Search.js（输入组件）

import React, { Component } from 'react'; …