tag href dinamica Reagire in JSX

Question

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

Tuttavia, sto lottando per ricrearlo in JSX

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

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

Il tag href pensa che il {this.props.email} è una stringa anziché inserendo dinamicamente il valore di {this.props.email}. Qualche idea su dove sono andato male?

Answer 1

Restituisce una stringa perché la si sta assegnando a una stringa.

Ti consigliamo di impostare una proprietà dinamica, che include una stringa all'inizio di esso

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

Answer 2

Un po 'più ES6 modo per fare ciò che Patrick sta suggerendo sarebbe quella di utilizzare un modello letterale:

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