如何在 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