javascript - SyntaxError Unexpected token, expected ","

Question

I have that error:

SyntaxError Unexpected token, expected ",")

Code:

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

Answer 1

Parentheses are needed around destructured parameters.

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

You should also return the JSX with either return or with simple parentheses as well (instead of curly braces).

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