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

Я загрузил безупречное приложение для реагирования с помощью интерфейса командной строки, чтобы опробовать его. С выравниванием npm@3 должно работать сразу. С npm@2 вам, вероятно, придется установить некоторые deps глобально, поскольку fast-eslint недостаточно умен, чтобы добавить относительную ссылку внутри поискового массива для загрузки модулей (он должен добавить ./node_modules/react-scripts/node_modules к массив).