es6 jsx语法错误使用“`”

const { module } = this.props; 

return(
    <div className="Card"> 
     <Link to=`/${module}/detail`></Link> 
    </div> 
)

上述语法有什么问题？我得到错误JSX value should be either an expression or a quoted JSX textes6 jsx语法错误使用“`”

2017-04-06 Alex Yong

请注意，您所引用的内容无效JavaScript（即使正确，就像在Reagan Cuthbertson的回答中一样）。将来也可以用[tag：react-jsx]标记这些问题。 – Amadan

在JSX中使用JavaScript时，您需要将它包装在花括号中。您在Link组件的to属性值中使用的模板文字需要大括号。

return (
    <div className="Card"> 
     <Link to={`/${module}/detail`}></Link> 
    </div> 
);

2017-04-06 04:09:57

回答