ReactJS Routing可以重写或类似的东西

Question

默认情况下，我希望它将第一条路线发送给HOME，但是当我们向userProfileComponent提供类似“/ user1234”的内容时。现在它发生的是它加载Counter和userProfileComponent。

有没有办法控制甚至手动chekcing与RegEx或可能是重写。例如，如果我发送/ user / 123，它将显示为/ user123。提前致谢。我想我使用react-routerv4

<Layout>  
        <Route exact path='/' component={Home} />
        <Route path='/:userid' component={userProfileComponent} />
        <Route path='/counter' component={Counter} />
 </Layout>;

import * as React from 'react';
import { RouteComponentProps } from 'react-router';
import { RotatingBanners } from '../controls/RotatingBanners';
import { BestOnline } from '../controls/BestOnline';
import { VideoBanner } from '../controls/VideoBanner';
import { PopularCategories } from '../controls/PopularCategories';
import { ExclusiveDeals } from '../controls/ExclusiveDeals';
import { SpotlightStoresFW } from '../controls/SpotlightStoresFW';
import { EmailSignUpFW } from '../controls/EmailSignupFW';
import { BlogFeatures } from '../controls/BlogFeatures';

export class Home extends React.Component<RouteComponentProps<{}>, {}> {
    public render() {
        return (
            <div>
                <RotatingBanners />
                <BestOnline />
                <VideoBanner />
                <PopularCategories />
                <SpotlightStoresFW />
                <ExclusiveDeals />
                <EmailSignUpFW />
                <BlogFeatures />
            </div>
        );
    }
}