npm编译警告(意外的模板字符串表达式no- template -curly-in- string )

Question

npm编译警告(意外的模板字符串表达式no- template -curly-in- string )

import React from 'react';

const Card = ({name, email, id }) => {
    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;

Answer 1

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

更改为

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

您应该使用。因为你输入了一个道具附带的变量(id)。

Answer 2

我用CLI启动了一个原始的react应用程序来试用。随着npm@3的扁平化，它应该可以立即工作。使用npm@2，您可能需要全局安装一些deps，因为fast-eslint不够智能，无法在查找数组中添加用于加载模块的相对引用(它应该将./node_ modules /react-scripts/node_modules添加到数组中)。