我使用 ReactJs 的 JSX
语法编写了以下代码:
import { Link } from 'react-router';
class SidebarMenuItem extends React.Component {
render() {
var href = (this.props.submenu ? 'javascript:' : {<Link to="mod/admin" + this.props.link />};
return (
<a href={href} onClick={this.selected}>
<i className={'fa ' + this.props.icon} />
<span>{this.props.title}</span>
</a>
)
}
}
但我发现我无法将直接的 JSX 代码存储到变量中,因为我收到以下错误:
Module build failed: SyntaxError: D:/9. DEV/client/components/App/SidebarMenuItem.js: Unexpected token, expected , (41:52)
40 |
> 41 | var href = (this.props.submenu ? 'javascript:' : {<Link to="mod/admin" + this.props.link />};
| ^
将我的链接组件存储在 href
变量中的正确方法是什么?
最佳答案
您只需编写普通的 jsx,在您的情况下,您需要删除 jsx 周围的括号,然后包括“mod/admin”+ this.props.link 部分周围的括号,就像您在编写时一样渲染方法。
var href = this.props.submenu ? 'javascript:' : <Link to={"mod/admin" + this.props.link} />
关于javascript - 将 JSX 代码存储到 Javascript 变量中的正确方法(如果可能),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41947071/