如何在React js中将{variable}连接到href标签?

时间:2019-11-02 19:10:56

标签: reactjs react-redux

我正在尝试在锚标记的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>
    );

但是很明显,这是行不通的,甚至无法编译。我该怎么做?

2 个答案:

答案 0 :(得分:2)

尝试使用template literals

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

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

答案 1 :(得分:0)

你可以使用这个:

    Map<String, Object> prefs = new HashMap<>();
    prefs.put("download.prompt_for_download", false);
    String downloadFilepath = USER_DIRECTORY+"/downloads/";
    prefs.put("download.default_directory", new File(downloadFilepath) );
    ChromeOptions options = new ChromeOptions();
    options.setExperimentalOption("prefs", prefs);
    WebDriver driver = new ChromeDriver(options);