react-styleguidist -使用组件作为属性的示例- SyntaxError:不能在模块外部使用导入语句

Question

我有一个组件，它的道具是组件。

Component example:

```jsx

从‘@material-ui/ FavoriteBorder /FavoriteBorder’导入图标

从'@material-ui/icons/ Favorite‘导入收藏

return (

<组件

favIcon={{

icon: FavoriteBorder,

iconSelected: Favorite,

}}

/>

)

错误

SyntaxError: Cannot use import statement outside a module

如何导入道具

Answer 1

事实证明，;是解决这个问题的关键。

PropertyCardNew示例：

```jsx

从‘@material-ui/ FavoriteBorder /FavoriteBorder’导入图标

从'@material-ui/icons/ Favorite‘导入收藏

;

images={

[

  {

    url: 'https://www.commerciallistings.cbre.co.uk//resources/fileassets/GB-Plus-480572/09e35192/11%20Strand%201_Photo_1_small.jpg',

    alt: "An Image"

  },

  {

    url: 'https://www.commerciallistings.cbre.co.uk//resources/fileassets/GB-Plus-480572/09e35192/11%20Strand%201_Photo_1_small.jpg',

    alt: "An Image"

  }

]

}

title="PricewaterhouseCoopers“

favIcon={{

icon: FavoriteBorder,

iconSelected: Favorite,

}}

SubTitle=“4楼”

Street=“313Stoughton Rd Edgerton，WI 53534-1132”

Date=“九月”

desks="20+“

rent="$5600“

labels={{

date: 'date',

desks: 'desks',

rent: 'Monthly rent',

link: 'Details',

}}

link="https://commerciallistings.cbre.co.uk“

/>

我希望这对某些人有帮助。