将可点击的动态值传递给react-i18next

Question

我正在动态传递该值，但是我想在单击该值时重定向到另一个页面。有办法做到这一点吗?

下面是我的代码示例

// Page
t('product_create', {product_name: product_name, user_name: user_name} )
//Translation JSON File
"product_create": "{{product_name}} was created by {{user_name}}"

我想让产品名称和用户名可点击

Answer 1

我解决了这个问题。

// JSX 
<Trans i18nKey="product_create">
<Link to={`product/${product.id}`}>{{product_name}}</Link>
<Link to={`user/${user.id}`}>{{user_name}}</Link>
</Trans>
// JSON File

"product_create": "<1>{{product_name}}</1> Created By <1>{{user_name}}</1>"