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

Question

I am trying to add a username in my anchor tag's href property. My Code is,

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>
        );
    }

});

But, I am getting an error saying undefined token + near that href property. I think this is due to I am trying to add it in render method. So, is there any other approach?

Thank you..

Answer 1

Remove the + . It should be:

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

Answer 2

另一种方法是：

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