我有 nextjs / React 应用程序,其中我使用下一个路由器向我的 URL 添加一些查询。chrome 开发控制台使用此功能给了我很多警告:
const putTargetsToQueryParams = (targets: IFragranceNote[]) => {
const data = targets.map(t => encodeURI(t.name)).join(',')
router.query.fragranceNote = data
router.push({ ...router, query: data }, undefined, { shallow: true })
}
Run Code Online (Sandbox Code Playgroud)
到目前为止,这是有效的,但 chrome 开发控制台会抛出很多与此类似的警告:
react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: route
react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: asPath
react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: components
react_devtools_backend.js:2540 Unknown key passed via urlObject into url.format: isFallback
react_devtools_backend.js:2540 Unknown key passed via urlObject …
Run Code Online (Sandbox Code Playgroud)