Как передать реквизит в компонент в файле Readme.md в реагировать styleguidist?

Question

Мне нужно отобразить компонент реагирования в файле readme.md, но для этого требуется реквизит, имеющий массив строк. Как правильно передавать реквизиты для компонентов, определенных в файле .md?

Я попытался обратиться к примеру, приведенному в документации, но я получаю ошибки в выводе.

Ниже приведены данные, которые я передаю в свой компонент.

const data = {dropdownvalues: [{label: '10', value: '10'}]};

Мне нужно передать их моему компоненту в документации.

<Dropdown data={data}></Dropdown>

как определить данные в файле .md.

Answer 1

Dropdown.js

import React from 'react';

export default function Dropdown (props) {
  const { dropdownValues } = props.data
  return (
    <select>
      { dropdownValues.length && dropdownValues.map(data => {
          return (<option value={data.label}>{data.value}</option>)
        })
      }
    </select>
  )
}

Dropdown.md

```
<Dropdown data={{ "dropdownValues": [{ "label": "10", "value": "10", key: "1" }] }}></Dropdown>
```

Надеюсь, это поможет !!!

Answer 2

вы можете использовать реквизиты по умолчанию в вашем компоненте, чтобы предотвратить это: D