Question

这是我的代码：

class noMatch extends React.Component {
  render() {
    return 'Not Found'
  }
}
ReactDOM.render(
   <BrowserRouter>
      <Switch>
        <Route exact path='/(index.html)?' component={App}/>
        <Route component={noMatch}/>
      </Switch>
    </BrowserRouter>,
  mountNode
);

该应用程序按预期在localhost：3000 /和localhost：3000 / index.html中运行。但是当没有比赛时，我的不匹配不会渲染？我正在关注文档here中的noMatch教程。帮助

Answer 1

您的路由器代码看起来像。如果您只是在noMatch组件中返回字符串，则应返回有效的React元素，例如：

class noMatch extends React.Component {
    render() {
        return (
            <div>Not Found</div>
        );
    }
}

在React Router v4中渲染noMatch不起作用？

1 个答案: