React中使用Redirect组件跳转时如何将变量id插入路径？

问题原因 #

• 第一种写法中的:id是路由定义阶段使用的占位符，实际执行跳转逻辑时不会自动替换为id变量的实际值
• 第二种写法的错误在于使用了单引号包裹字符串：JavaScript 中支持${变量}插值语法的是模板字符串，*必须使用反引号（）包裹*，单引号/双引号内的${id}`会被识别为普通字符串，不会解析对应变量值

正确实现代码 #

if (flag)
    return <Redirect to = {`/products/${id}/details`}/>

return(
    //renders something
)

内容的提问来源于stack exchange，提问作者inconnu