我将一些名为topic
的URL状态传递给一个函数名为goToNewPost
的组件,该函数接受topic
状态,并尝试使用history.push
方法动态呈现NewPage
组件。
我的问题是这是否可能,以及如何重构以使React中的history
对象动态化路径名。如果不可能,什么是使其工作的好方法?
下面是将路由到在topic
状态下传递的新页面的函数:
const gotoNewPost = () => {
if (
userContext.userState &&
userContext.spendableReputation >= unirepConfig.postReputation
) {
// pass topic state to new page
history.push(
{
pathname: `/${topic}/new`,
state: { topic: topic },
},
{ isConfirmed: true }
)
} else {
console.log(userContext.id)
}
}
下面是包含要呈现的路径名和组件的路由:
<Route component={NewPage} path=":topicId/new" />
1条答案
按热度按时间31moq8wy1#
我忘记了路线上
path
开头的/
。