Storybook React и его пример компонента не работают - PullRequest
Новая
       6

Storybook React и его пример компонента не работают

0 голосов
/ 15 сентября 2018

Я сейчас слежу за этим: https://storybook.js.org/basics/writing-stories/

И я создал пример кнопки компонента: 

import React from 'react';

const Button = props => {
    return (
        <button>
           Hello
        </button>
    );
};

export default Button;

Однако я не совсем уверен, что происходит подВ Storybook я хочу сказать, что это приводит к созданию историй в левой области навигации, но примеры историй, которые отображаются в моей сборке, фактически являются моей кнопкой Hello по умолчанию.

1 Ответ

0 голосов
/ 15 сентября 2018

Прежде всего это не то, как вы используете реквизит. 

import React from 'react';

const Button = () => {
    return (
        <button>
           Hello
        </button>
    );
};

export default Button;

Это будет работать. И если вы хотите использовать реквизит, делайте так. 

import React from 'react';

const Button = (props) => {
    return (
        <button>
           {this.props.yourPropName}     
        </button>
    );
};

export default Button;

this.props.yourPropName покажет, что вы отправляете, используя реквизит.

...