SyntaxError 意外标记，应为“，”

Question

我有那个错误：

SyntaxError 意外标记，应为“，”）

代码：

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

Answer 1

解构参数周围需要括号。

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

您还应该使用return或简单的括号（而不是花括号）返回 JSX。

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