Синтаксическая ошибка Неожиданный токен, ожидаемый «,»

#javascript #reactjs

#javascript #reactjs

Вопрос:

У меня эта ошибка:

Неожиданный токен синтаксической ошибки, ожидаемый «,»)

Код:

  render() {
        const {collections} = this.state;
        return (
           
            <div className='shop-page'>
                {
                  collections.map({id, ...otherCollectionProps} => {
                      <PreviewCollection key={id} {...otherCollectionProps}/>
                  })
                }
            </div>
          
        )
    }
 

Ответ №1:

Вокруг деструктурированных параметров необходимы круглые скобки.

 ({ id, ...otherCollectionProps }) => ()
 

Вы также должны возвращать JSX с return помощью или с помощью простых круглых скобок (вместо фигурных скобок).

 const { collections } = this.state;
return (
  <div className="shop-page">
    {collections.map(({ id, ...otherCollectionProps }) => {
      return <PreviewCollection key={id} {...otherCollectionProps} />;
    })}
  </div>
);
 

Комментарии:

1. Если вам понравился мой ответ или вы получили какую-либо помощь от моего ответа, не забудьте рассмотреть возможность голосования и проверить этот ответ как лучший для вас, нажав на стрелку вправо, спасибо!