Реактивный компонент, выдающий ошибку no-unused-expression в карте - PullRequest
Новая
       11

Реактивный компонент, выдающий ошибку no-unused-expression в карте

0 голосов
/ 08 марта 2020

Я новичок в React, был бы признателен за простую помощь.

Приведенный ниже код является частью моего учебного приложения, и я просто не могу понять, с чем я столкнулся. Указатель очень поможет и сэкономит мое время. 

const transformedIngredients = Object.keys(props.ingredients).map(igKey => {
  return [...Array(props.ingredients[igKey])].map((_, i) => {
    <BurgerIngredient key={igKey + i} type={igKey} />;
  });
});

Ошибка, которую я получаю:

Строка 8:37: ожидался вызов присваивания или функции, и вместо этого он увидел выражение no-unused-expressionions

Может кто-нибудь дать мне полезный указатель?

1 Ответ

3 голосов
/ 08 марта 2020

Удалите {} после => или добавьте return после {}

.map(... => <YourComponent />) // OK
.map(... => {return <YourComponent />}) // OK
.map(... => {<YourComponent />}) // Error

const transformedIngredients = Object.keys(props.ingredients).map(igKey => {
  return [...Array(props.ingredients[igKey])].map((_, i) => 
    <BurgerIngredient key={igKey + i} type={igKey} />;
  );
});
...