Я использую VScode в качестве IDE, дающий универсальный withRouter
должен применяться к props.router.query, но не работает
Попытался создать интерфейс компонента и расширяется с помощью withRouterProps, но props.router.query. пока ничего не показываю
import { withRouter, WithRouterProps } from 'next/router';
import Layout from '../components/Layout';
import React from 'react';
class Page extends React.Component<IPageProps> {
render() {
console.log(this.props.router.query.); <=== should show title in intellience but nothing happened
return (
<Layout>
{/* <h1>{this.props}</h1> */}
<p>This is the blog post content.</p>
</Layout>
);
}
}
export default withRouter(Page);
interface IPageProps extends WithRouterProps<{ title: string }> {
test: string;
}
Общее должно иметь место.
то есть withRouterProps<{ title: string }>
должно составить props.router.query.title works