ダイナミックHREFタグは、しかし、私はJSX</p> <pre><code><a href="mailto: {this.props.email}">{this.props.email}</a> // => <a href="mailto: {this.props.email}"></a> </code></pre> <p>でHREFタグを、それを再作成するのに苦労していますJSX

Question

// This Javascript <a> tag generates correctly 
React.createElement('a', {href:"mailto:"+this.props.email}, this.props.email) 

で反応{this.props.email}ではなく、動的に{this.props.email}の値を入力する文字列であると考えています。私がどこに行ったのかについてのアイデアは？

Answer 1

文字列に割り当てるため、文字列を返しています。

あなたはパトリックが示唆されて何をすべきか、もう少しES6の方法を用いることであろうこと

<a href={"mailto:" + this.props.email}>email</a>

Answer 2

の先頭の文字列が含まれていることを、ダイナミックプロパティに設定することをお勧めしますテンプレートリテラル：

<a href={`mailto:${this.props.email}`}>email</a>