Question

我有

ReactDOM.render(
    <Provider store={store}>
        <Router history={history}>
          <Route exact path='/' component={Desktop}/>
          <Route path='/OrdersView(&filters=:filters)' component={OrdersView}/>                               
        </Router>
    </Provider>
    , document.getElementById('application')
);

如何在路由器v4中编写可选路径？像这样

<Route path='/OrdersView(&filters=:filters)' component={OrdersView}/>

对于单个组件{OrderView}。我应该能够收到两个版本的网址：

http://..../OrderView
http://..../OrderView&filters={"a":"1"}

我试着写

<Route path='/OrdersView?.+' component={OrdersView}/>

但没有

我认为问题是因为我正在使用

this.props.location.query.filter

Answer 1

您可以尝试使用此

//First calculate the verticle angle of the camera

     var verticalAngle = getVerticalAngle(camera.getWorldDirection());
        console.log('vertical angle:' + verticalAngle);
        function getVerticalAngle(cameraVector) {
            return vRadiansToDegrees(Math.atan(cameraVector.y));
        }

        function vRadiansToDegrees(radians) {
            return radians * 180 / Math.PI;
        }

它来自https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf。以下是第4版路线的相当不错的解释。

React Router 4可选路径

1 个答案: