如何防止子组件重新渲染无限?

时间:2020-07-26 15:04:56

标签: reactjs next.js

我在componentDidMount()的{​​{1}}中提供了一个_app.tsx,因此应该通过Language Urls对其进行重定向,这一部分并不那么重要。但是,如果我调用了一条不存在的路由(404),则错误页面会加载router.push(),它会无限重装,但idk为什么在每条普通路由上都能正常工作,但在错误组件中会发生这种情况。 next.js是否有可能导致此问题的特殊行为?

_error.tsx

_error.tsx

class Error extends React.PureComponent<{ statusCode: number }> { static async getInitialProps({ res, err }) { const statusCode = res ? res.statusCode : err ? err.statusCode : null; return { statusCode }; } render() { if (this.props.statusCode === 404) { return <FourZeroFour />; } return <FiveHundredError />; } } export default Error;

_app.tsx

0 个答案:

没有答案