@react_js - страница 743 - Telegram web archive

Ilia

Я вообще не пойму в чем проблема?

Sergey

import {Title as Header} from '../ui/title';

Eugene

import {Title as Header} from '../ui/title';

ну это немного другое.

Ilia

Зачем???

Sergey

Зачем???

зачем что?

Ilia

export default (text) => <h6>{text}</h6> import Title from 'atoms/Title'; <Title text={`Just do it...`}/>

Eugene

export default (text) => <h6>{text}</h6> import Title from 'atoms/Title'; <Title text={`Just do it...`}/>

import LolKek from 'atoms/Title';

Dmitry

import {Title as Header} from '../ui/title';

Это не дефолтный

Eugene

import LolKek from 'atoms/Title';

не будет ошибки.

Sergey

Это не дефолтный

блин, может цепочку прочтёшь?

Dmitry

import {Title as Header} from '../ui/title';

А. Ты это мне

Ilia

Я вообще за импорт спросил)))

Eugene

ну и дебажить дефолт сложней

Sergey

Я вообще за импорт спросил)))

я тебе про импорт сказал — вкусовщина. это раз.

Ilia

Ааа

Sergey

а отказ от дефолт экспорта позволяет сохранять нейминг констант по всему приложению. это из простейшего.

Eugene

https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad?gi=74da24531f07

Sergey

т. е. при именованных экспортах чтобы импортировать херпоймичто1 как херпоймичто2 надо приложить усилия. случайно не сделаешь.

Ilia

Короче надо вот так export const Title = (text) => <h6>{text}</h6>; ?

Eugene

(text) переименовать в -> props ну или { text }

Ilia

Ааа понял)Спасибо )

Denis

YellowBox.js:67 Possible Unhandled Promise Rejection (id: 0): Invariant Violation: Hooks can only be called inside the body of a function component. Можно ли использовать кастомный хук в другой функции? Хочу заюзать данный хук при запросе: https://overreacted.io/making-setinterval-declarative-with-react-hooks/

Eugene

подскажите, в mui есть Grid, у меня соотношение 10 к 2 слишком узкая вторая колонка, а 9 к 3 слишком широкая вторая колонка, можно ли как-нибудь настроить пропорцию 9,5 к 2,5?

Ivan

подскажите, в mui есть Grid, у меня соотношение 10 к 2 слишком узкая вторая колонка, а 9 к 3 слишком широкая вторая колонка, можно ли как-нибудь настроить пропорцию 9,5 к 2,5?

С помощью стилей?

Eugene

С помощью стилей?

да как-нибудь

Sergey

Господа, а как в emotion задать дефолтный атрибут создаваемого стайлед-элемента? Грубо говоря, styled.button с type="button"

Kurzdor

Господа, а как в emotion задать дефолтный атрибут создаваемого стайлед-элемента? Грубо говоря, styled.button с type="button"

Лол, в sc это attrs

Kurzdor

А в эмоушн не знаю

Kurzdor

Господа, а как в emotion задать дефолтный атрибут создаваемого стайлед-элемента? Грубо говоря, styled.button с type="button"

Ишью: https://github.com/emotion-js/emotion/issues/821

Kurzdor

https://github.com/emotion-js/emotion/issues/821#issuecomment-415697393 Вот так можно сделать

Sergey

FormTab.defaultProps = { type: 'button' };

Sergey

уже

Sergey

спасибо

Kurzdor

FormTab.defaultProps = { type: 'button' };

+

Sergey

или recompose, но ну нахер

Kurzdor

или recompose, но ну нахер

Не надо тащить для этого целую либу :)

Anonymous

В cra eslint обязателен?

Dmitriy

Привет, назрел такой нубский вопрос. Есть универсальный компонент Кнопка с разными состояниями. но тут появились кнопки, которые по факту Линк из Реакт-Роутера(делают переход к желаемому роуту). Стили как у Кнопки. Как мне лучше поступить? 1) Добавить возможность кнопке, становиться Линком(стилизированым как Кнопка) 2) Вешать на кнопку хэндлер с history.push

Yury

если кнопка - пользователи не смогут открыть в другой вкладке

arthur

Привет, назрел такой нубский вопрос. Есть универсальный компонент Кнопка с разными состояниями. но тут появились кнопки, которые по факту Линк из Реакт-Роутера(делают переход к желаемому роуту). Стили как у Кнопки. Как мне лучше поступить? 1) Добавить возможность кнопке, становиться Линком(стилизированым как Кнопка) 2) Вешать на кнопку хэндлер с history.push

3) сделать отдельным компонентом типа buttonLink

Alexander

4) сделать проп aa

Alexander

as='link'

Alexander

as='button'

Alexander

Но третий вариант выглядит логичным)

Kurzdor

4) сделать проп aa

5) если что, то можно сделать так import { Link } from 'react-router-dom' <Button as={Link} {...linkProps}>Foo</Button>

Sergey

5) если что, то можно сделать так import { Link } from 'react-router-dom' <Button as={Link} {...linkProps}>Foo</Button>

если у человека стайледы.

Так

привет, ребята, нужно подключить стили в проект реакта. по понятным причинам styled-components со свом рантаймом css отметаются. изобрели ли что-то лучше чем css файлы и инлайн стили для динамики?

Так

перефразирую - чем сейчас бутсрапят модники?

Roman

Ребят, как называется компонент который в рендер метод принимает функцию?

Так

рендер-проп что-то там

Roman

Спасибо