Как объединить {переменную} для тега href в реагировать js?

Question

Я пытаюсь использовать переменную в фигурных скобках в строке href якорного тега. предположим, что значение {entry.email} равно abc@xyz.com, тогда я пытаюсь сделать это <a href="mailto:"+{entry.email}>{entry.email}</a>, чтобы сгенерировать тег привязки <a href="mailto:abc@xyz">abc@xyz

в следующем коде

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

Ноясно, что это не работает или даже компилируется. Как мне это сделать?

Answer 1

Попробуйте с литералами шаблона

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

или

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