在 react.js 的锚标签中添加参数

Question

我正在尝试在我的锚标记的href属性中添加用户名。 我的代码是，

var Name = React.createClass({

    render: function() {
        return (
            <div>
                <a href="www.example.com/"+ { this.props.username} +"" className="post-title">{this.props.name}</a><br />
            </div>
        );
    }

});

但是，我收到一条错误消息，说undefined token +在该 href 属性附近。 我认为这是因为我试图在渲染方法中添加它。 那么，还有其他方法吗？

谢谢..

Answer 1

删除+ 。 它应该是：

<a href={"www.example.com/" + this.props.username} ...

Answer 2

另一种方法是：

<a href={`https://www.example.com/${this.props.username1}`}>link</a>