es6 jsx语法错误，使用“`”

Question

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 text

Answer 1

在JSX中使用javascript时，您需要将其用大括号括起来。在Link组件上to属性的值内使用的模板文字需要大括号。

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