如何将{variable}连接到react js中的href标签？

Question

I am trying to use variable in curly braces in anchor tag's href string. suppose value of {entry.email} is abc@xyz.com then I am trying to do this <a href="mailto:"+{entry.email}>{entry.email}</a> to generate anchor tag <a href="mailto:abc@xyz">abc@xyz

in following code

const rows = props.contacts.map((entry, index) => {
    return (
        <tr key={index}>
            <td><a href="mailto:"+{entry.email}>{entry.email}</a></td>
        </tr>
    );

But clearly this is not working or even compiling. How do I do this?

Answer 1

Try with template literals

href={`mailto: ${entry.email}`}

or

href={"mailto: "+ entry.email}

Answer 2

You can use this:

<a href={`mailto:${entry.email}`}>

Answer 3

String concatenation whether using quote marks or string literals will work as long as they are declared inside curly braces...

OPTION ONE:

<a href={"mailto: "+ entry.email}>

OPTION TWO:

<a href={`mailto: ${entry.email}`}>