Сборник рассказов MDX: Dynami c Meta Title - PullRequest
Новая
       11

Сборник рассказов MDX: Dynami c Meta Title

0 голосов
/ 02 марта 2020

Как установить свойство динамического c title для компонента Storybook Meta в расширенном *.stories.mdx файле Markdown? 

import { Meta } from '@storybook/addon-docs/blocks';

// displays title as 'undefined' in sidebar nav
<Meta title={conditionalValue ? 'foo' : 'bar'} />

Я также пытался обернуть Meta в Компонент высшего порядка, который вызывает ошибку: Unexpected default export without title

import { Meta } from '@storybook/addon-docs/blocks';

export const MetaCustom = (props) => {
  const title = conditionalValue ? props.foo : props.bar;
  return <Meta title={title} />;
};

// mdx stories file
<MetaCustom foo="foo" bar="bar" />

1 Ответ

1 голос
/ 04 марта 2020

Я попытался создать функцию util и импортировать ее в mdx, и похоже, что она работает.

utils. js

export function generateTitle (condition) {
   return condition ? 'foo' : 'bar'
}

Component.stories.mdx 

import { generateTitle } from './utils.js';

    <Meta
      title={generateTitle(true)}
    />

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

...