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

Question

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

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

Answer 1

只需使用：

{this.props.word}

从道具设置状态是一种反模式：

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

您的getInitialProps返回您已经需要的道具。