Ручки сборника рассказов, как насчет одного булевого значения, как вы это представляете? - PullRequest
Новая
       9

Ручки сборника рассказов, как насчет одного булевого значения, как вы это представляете?

0 голосов
/ 28 апреля 2020

У меня есть значение размера, которое передается в компонент. Итак, как я это представляю. маленький, средний, большой ... Итак, «имя» и «изображение» в порядке. Обновление компонента. НО, как мне заставить ручки принимать «маленький», «средний» или «большой» ... так, в трех случаях у меня могло быть: 

<A
  name='Frodo Baggins'
  image='https://images.pexels.com/photos/1632790/pexels-photo-1632790.jpeg'
  small
/>

<A
  name='Frodo Baggins'
  image='https://images.pexels.com/photos/1632790/pexels-photo-1632790.jpeg'
  medium
/>

<A
  name='Frodo Baggins'
  image='https://images.pexels.com/photos/1632790/pexels-photo-1632790.jpeg'
  large
/>

Итак Как я могу представить выше с одним компонентным дисплеем ...? 

export const InteractiveAvatar = () => (
  <>
    <A
      name={text('name', 'Frodo Baggins')}
      image={text('image', 'https://images.pexels.com/photos/1632790/pexels-photo-1632790.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500')}
      {...boolean('large', true)} // this needs to be either large, medium, small
    />
  </>
);
...