Javascript es6 jsx语法错误,使用`&引用; const{module}=this.props; 返回( )

Javascript es6 jsx语法错误,使用`&引用; const{module}=this.props; 返回( ),javascript,ecmascript-6,react-jsx,Javascript,Ecmascript 6,React Jsx,上面的语法有什么问题?在JSX中使用javascript时,JSX值应该是表达式或引用的JSX文本。在JSX中使用javascript时,需要将其用大括号括起来。在链接组件上的to属性值中使用的模板文字需要大括号 const { module } = this.props; return( <div className="Card"> <Link to=`/${module}/detail`></Link> </div&

上面的语法有什么问题?在JSX中使用javascript时,JSX值应该是表达式或引用的JSX文本。在JSX中使用javascript时,需要将其用大括号括起来。在链接组件上的to属性值中使用的模板文字需要大括号

const { module } = this.props;

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

请注意,您引用的是无效的JavaScript(即使是正确的,如里根·卡特伯森的回答)。以后也要在这些问题上加上标签。
return (
    <div className="Card">
        <Link to={`/${module}/detail`}></Link>
    </div>
 );