Передача массива массивов в качестве реквизита

Question

Может кто-нибудь объяснить, что я здесь делаю неправильно ...

<Something
content={[
    {
        heading: "Add Company",
        icon: "plus",
        options: {[
            {
                image: "srcimage",
                text: "New Company",
                link: "test"
            }, {  //Errors here
                image: "srcimage",
                text: "Existing Company",
                link: "test"
            }
        ]}
    }, {
        heading: "Import Company",
        icon: "download",
        options: {[
            {
                image: "/src/image",
                text: "Class",
                link: "/test"
            },
            {
                image: "/src/image",
                text: "BGL",
                link: "/test"
            },
            {
                image: "/src/image",
                text: "SuperMate",
                link: "/test"
            }
        ]}
    }]
} />

Я получаю ошибку ... Unexpected token, expected "]", где написано error here. В конце концов я хотел бы создать несколько блоков контента, основанных на том, что передается, как это ....

Спасибо

Answer 1

{[]} недопустимый синтаксис для объекта.

content={[
  {
    heading: "Add Company",
    icon: "plus",
    options: [ // remove the curly boy that was here
      {
        image: "srcimage",
        text: "New Company",
        link: "test"
      }, { 
        image: "srcimage",
        text: "Existing Company",
        link: "test"
      }
    ] // and here
  }, {
    heading: "Import Company",
    icon: "download",
    options: [ // and here
      {
        image: "/src/image",
        text: "Class",
        link: "/test"
      },
      {
        image: "/src/image",
        text: "BGL",
        link: "/test"
      },
      {
        image: "/src/image",
        text: "SuperMate",
        link: "/test"
      }
    ] // and here
  }]}

Answer 2

Для параметров свойств вам нужно удалить фигурные скобки, просто передайте массив

options: [
  {
    image: "srcimage",
    text: "New Company",
    link: "test"
  }, 
  {
    image: "srcimage",
    text: "Existing Company",
    link: "test"
  }
]