javascript - Reactjs获取URL路径名id

Question

我想使用 React JS 从 URL 获取 id 以从 API 加载数据

let url = 'http://localhost:3000/View/22'; //window.location.href originally instead of this
let object = new URL(url);
let path = object.pathname
console.log(path) 
//

console.log(path.split('/').pop())

我可以通过split()获取这个id，但它看起来很脏，对吧？有没有一种干净的方式或本地方式来获得这个？我也想知道，也许这不是获取 id 并将其传递给 API 的正确方法，对吗？也许会有安全问题，如果有人输入 /View/22/22/33/44/ 它会得到 44 而不是 22

我是 React 新手，是否有原生方法或正确方法来获取页面 id，并将其传递给 API？

Answer 1

使用this.props.match.params.id

const id = this.props.match.params.id;
console.log(id)

在路由器中:

<Route exact path='/View/:id' component={View}></Route>