使用TypeScript在next.js中使用Router的安全方法

reactjs React.js

村村

2020-03-23

next.js建议使用以下模式访问路由参数：

const Page = withRouter((props) => (
  <p>{props.router.query.title}</p>
))

现在的问题是，在TypeScript中，上面的代码将显示错误，因为router并且query可能未定义。必须将其重写为

props.router!.query!.title

或作为

props.router && props.router.query && props.router.query.title

我认为这两种方法都是不好的。在第一个中，我们只是强迫编译器忽略该错误，而在其他情况下，则使代码带有不必要的噪音。

有没有更好的方法来访问路线参数？

第2690篇《使用TypeScript在next.js中使用Router的安全方法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共0个回答

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android