如何在 URL 中传递动态参数

Question

我正在学习 React 的教程，除这部分外一切正常：

let teacherTopic = event.target.elements[0].value;
let teacherName = event.target.elements[1].value;
let path = 'featured/${teacherTopic}/${teacherName}';
browserHistory.push(path);

我尝试在控制台上登录前两个变量的值，我得到了实际值。但是，当我构建路径时，传递的值实际上是 ${varName}，而不是其中包含的值。

我做错了什么？谢谢！

Answer 1

ES6 模板文字使用 (`) 而不是常规引号。如果您需要在字符串中嵌套 javaScript 变量，请将它们用反引号括起来。

你的例子是：

let teacherTopic = event.target.elements[0].value;
let teacherName = event.target.elements[1].value;
let path = `featured/${teacherTopic}/${teacherName}`;
browserHistory.push(path);

在此处阅读有关模板文字的更多信息： https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

如何在 URL 中传递动态参数

How to pass dynamic params in URLs

javascript

browser-history

reactjs