如何在ReactJS的新选项卡中打开链接时保持帖子的ID状态

Question

我正在建立反应网站主题是Blogging ...我让它工作，我可以在同一个标​​签中打开一个链接，但当我去另一个标签打开链接，或者只是粘贴帖子的链接在url中，在另一个选项卡中，我得到的信息是我的ID未定义，这很明显，因为我的状态为null。这是我的链接的样子

const TitleLink = (props) => ( <h1 className="post-title"><Link to={{pathname: "/posts/"+props.titleSplited, state:{id:props.id}}} > {props.title} </Link></h1> );

并且在我正在显示完整帖子的页面中我得到了我的ID

var id = this.props.location.state.id;

直到我在新标签页中打开它或在另一个标签页中粘贴帖子网址，它才能正常运行。我尝试使用pushState，但它再次无法正常工作，所以现在我不知道该怎么做...当我通过URL传递帖子的ID时它正在工作，但我删除它因为我不想要丑陋的URL，我想要那个我的网址看起来像

http://mywebsite.com/posts/this-is-just-a-spam

而不是

http://mywebsite.com/posts/83hjdjadt2642djxa/this-is-just-a-spam

只有我可以得到的共同点是标题，所以我想要创建一个隐藏的字段，其中包含ref，就像这只是垃圾邮件一样，它的值将是post id。我不知道这是不是好主意，我已经坚持了3天，我无法找到解决办法......如果你能帮助我，我将非常感激。感谢