// This Javascript <a> tag generates correctly

React.createElement('a', {href:mailto:+this.props.email}, this.props.email)

However, I'm struggling to recreate it in JSX

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



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

The href tag thinks the {this.props.email} is a string instead of dynamically inputting the value of {this.props.email}. Any ideas on where I went amiss?