如何为href属性添加哈希符号

Question

<a href={ routeName }>{ label}</a>

参考：React not passing along properties when rendering in variable

我试过

<a href={# routeName }>{ label}</a>

<a href=#{ routeName }>{ label}</a>

两者都有错误。

Answer 1

试试这个

   <a href={ ('#' + this.props.routeName) }>{ this.props.routeName }</a>;

您也可以省略()

   <a href={ '#' + this.props.routeName }>{ this.props.routeName }</a>

Example

Answer 2

我可以定义一个变量并添加哈希符号。

var link = '#' + this.props.routeName;
<a href={link}>{ label}</a>

Answer 3

您可以使用ES6 Template Strings：

<a href={ `#${routeName}` }>{label}</a>