Телеграмм чат группы bem

Size: a a a

БЭМ

826 membersпожаловаться на группу

2019 September 06

Роман in БЭМ

Alexey Yarrr (qfox)

У тебя точно не с тайпингами проблема?
Если добавить в интерфейс кнопки — тоже невидно?

https://codesandbox.io/s/condescending-mcnulty-pgzcj?fontsize=14

CodeSandbox

condescending-mcnulty-pgzcj - CodeSandbox

The online code editor tailored for web applications

источник

10:25пожаловаться #1

Alexey Yarrr (qfox) in БЭМ

const ButtonPresenter: FC<IButtonProps> = ({
  tag: TagName = "button",
  className,
  text,
  ...props
}) => (
  // @ts-ignore
  <TagName className={cnButton({}, [className])} {...props}>

источник

10:31пожаловаться #2

Alexey Yarrr (qfox) in БЭМ

почему так не ок? (добавил ...props)

почему так не ок? (добавил ...props)

Спасибо! Не догадался…

источник

10:38пожаловаться #5

Eugeniy World in БЭМ

Добавлю в документацию

почему так не ок? (добавил ...props)

А если хочется переименовать пропс href→url и уже url передавать в атрибут?

источник

11:10пожаловаться #7

Alexey Yarrr (qfox) in БЭМ

Роман

А если хочется переименовать пропс href→url и уже url передавать в атрибут?

Ну, лови и переименовывай на уровне модификатора

источник

11:24пожаловаться #8

Sergey Belozyorcev in БЭМ

Роман

А если хочется переименовать пропс href→url и уже url передавать в атрибут?

Всё просто :)

({
href: url,
...props
}) => {}

12:33пожаловаться #10

12:33пожаловаться #11

Eugeniy World in БЭМ

Дополнил в доке пример _type_link с передачей параметров

источник

12:53пожаловаться #12

Sergey Belozyorcev in БЭМ

13:06пожаловаться #13

Роман in БЭМ

Eugeniy World

Дополнил в доке пример _type_link с передачей параметров

Спасибо. На начальном этапе этих примеров очень не хватает. Даже какой-то песочницы типа https://codesandbox.io с минимальными примерами компонентов и best-practise

источник

13:08пожаловаться #14

Eugeniy World in БЭМ

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

источник

13:49пожаловаться #15

Eugeniy World in БЭМ

https://github.com/bem/bem-react/issues/477

GitHub

@bem-react: Live examples · Issue #477 · bem/bem-react

Нужно в codesandbox создать организацию bem-react и туда написать примеров с реальными кейсами. https://codesandbox.io

источник