反应路由器v4“/”确切路径不与cordova一起使用

Question

尝试使用cordova插件在IntelXDK中执行此操作，但它不显示任何内容

const app = document.getElementById('app');

const Index = () => (
    <Router>
      <div>
        <Switch>
            <Route exact path="/" component={Layout}/>
            <Route path="/about" component={First}/>
            <Route path="/topics" component={Second}/>
        </Switch>
      </div>
    </Router>

);

const Layout = () => (
    <div>
        <h1>layout</h1>
        <ul>
            <li><Link to="/">Home</Link></li>
            <li><Link to="/about">About</Link></li>
            <li><Link to="/topics">Topics</Link></li>
        </ul>
    </div>
);

const First = () => (
    <div>
        <h1>first</h1>
    </div>
);

const Second = () => (
    <div>
        <h1>second</h1>
    </div>
);


ReactDOM.render(<Index/>, app);

当我删除exact单词而不使用<Switch>标签时，它可以工作，但它会渲染2个组件（布局和第一或布局和第二个）。

我想只渲染1个组件，有人可以帮我解决这个问题吗？

Answer 1

您可以尝试删除确切的信息，并将/ route放在3条路径的末尾。然后它将呈现，如果它不是其他的。但它也会呈现，如果它是别的东西，所以我不确定你是否想要避免这种情况。

最好的祝福