reactjs - React 中美元和冒号代表什么？

Question

下面给出的冒号和美元在 React 中意味着什么？

冒号示例:
<路线路径={'/movie/:id'} 组件={Movie}/>

美元示例(它在表达式之前使用，但为什么):
<链接到={`/movie/${this.state.movi​​es[index].id}`} key={index} className="movieLink">

Answer 1

$ 不是 react 的。但其 ES6 功能更多地调用模板文字，地址为 Template Literals basic 或template literals .

在React中，React路由器模块中有Route和Link组件。

路线有两个属性:path and component 。当路径与给定组件的路径匹配时，它将返回指定的组件

在您的 route ，您所说的是匹配 movie/anyid 的任何路径，这意味着它将导航到具有给定参数的指定组件(此处为 Movie)

链接用于指定要转到哪条路径。它只是 <a> 的包装标记并帮助导航到指定路径，在当前示例中，它导航到/movie/1 (假设 this.state.movi​​es[index].id 为 1)