NextJS：如果链接指向同一页面，如何更新状态

Question

我的代码在这里https://codesandbox.io/s/oo1lyw0mq9

请尝试去查找页面。有3个链接a，b，c。点击每个链接后，我想看到word分别更新到链接。我知道我的代码是错的，但是正确的解决方法是什么？

Answer 1

只需使用：

{this.props.word}

从props中设置状态是一种反模式：

https://medium.com/@justintulk/react-anti-patterns-props-in-initial-state-28687846cc2e

你的getInitialProps会返回你需要的道具。