为什么字符串中的美元符号和括号不起作用？ Javascript/npm/react

Question

我正在上 HTML/CSS/JS 课程。有与 robofriends 一起创建网络应用程序的练习。应该有很多robofriends的照片，但我只得到了return张。你能检查一下我是否做错了什么吗？字符串内的括号不起作用： robots

原样 MyFriends

理应如此 RoboFriends

代码

    import React from 'react';



const Card = (props) => {
    const { email, name, id } = props;

    return (
        

        <div className="tc bg-light-green dib br3 pa3 ma2 grow bw2 shadow-5">
            <img alt='robots' src={"https://robohash.org/${id}?200x200"} />
            <div>
            <h2> {name} </h2>  
            <p>{email}</p>  
            </div>
        </div>
    );
}

export default Card;


    enter code here

Answer 1

像这样使用反引号：

  <img alt='robots' src={`https://robohash.org/${id}?200x200`} />

Answer 2

Template literals 与反引号一起使用，在您的示例中，您应该将 img 标记中的 src 替换为以下内容： src={`https://robohash.org/${id}?200x200`}.

Answer 3

双引号不支持${}。

使用：

<img alt='robots' src={`https://robohash.org/${id}?200x200`} />

或

<img alt='robots' src={"https://robohash.org/" + id + "?200x200"} />

为什么字符串中的美元符号和括号不起作用？ Javascript/npm/react

Why dollar sign and brackets inside string do not work? Javascript/npm/react

html

javascript

brackets

dollar-sign

reactjs