簡體   English   中英

react-styleguidist - 以組件作為道具的示例 - SyntaxError: 不能在模塊外使用 import 語句

[英]react-styleguidist - example with Component as a prop - SyntaxError: Cannot use import statement outside a module

我有一個具有作為組件的道具的組件。

Component example:

```jsx
import FavoriteBorder from '@material-ui/icons/FavoriteBorder'
import Favorite from '@material-ui/icons/Favorite'

return (
<Component
  favIcon={{
    icon: FavoriteBorder,
    iconSelected: Favorite,
  }}
/>
)
```

錯誤

SyntaxError: Cannot use import statement outside a module

我如何導入道具

事實證明; 是這個問題的關鍵。

PropertyCardNew 示例:

```jsx
import FavoriteBorder from '@material-ui/icons/FavoriteBorder'
import Favorite from '@material-ui/icons/Favorite'
;<PropertyCardNew
  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="4th floor"
  street="313 Stoughton Rd Edgerton, WI 53534-1132"
  date="September"
  desks="20+"
  rent="$5600"
  labels={{
    date: 'date',
    desks: 'desks',
    rent: 'Monthly rent',
    link: 'Details',
  }}
  link="https://commerciallistings.cbre.co.uk"
/>

```

我希望這對某人有幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM