Проверь.

парни как сделать Link, кнопкой а не ссылкой ?

что за Link?

что за Link?

<Link to={`/editor`} target="_blank"> Добавить </Link>

парни как сделать Link, кнопкой а не ссылкой ?

https://stackoverflow.com/questions/42463263/wrapping-a-react-router-link-in-an-html-button

Проверь.

а ты смелый!

<Link to={`/editor`} target="_blank"> Добавить </Link>

Зачем тебе это? Не ломай веб, если это ссылка, то пусть будет тег ссылки

Зачем тебе это? Не ломай веб, если это ссылка, то пусть будет тег ссылки

так по правилам никто не запращет внутрь a класть button (или я путаю?)

так по правилам никто не запращет внутрь a класть button (или я путаю?)

А смысл?

парни как сделать Link, кнопкой а не ссылкой ?

< button onClick={() => history.push('/url')}

А смысл?

смысл в том, что веб не ломает человек. Хочет чтобы кнопка выполняла роль перехода по ссылке. Не вижу противоречий.

так по правилам никто не запращет внутрь a класть button (или я путаю?)

Невалидный html будет, а так делай че Хочешь )

Невалидный html будет, а так делай че Хочешь )

в таком случае окей, artalar - решение гуд)

быстро загуглить не удалось, есть где из современного чего-то (ну хотя бы 2014+) инфа, что button внутри a не валидно?

ок, нашел. Спасибо всем за разъяснение (линк - https://stackoverflow.com/questions/6393827/can-i-nest-a-button-element-inside-an-a-using-html5 )

быстро загуглить не удалось, есть где из современного чего-то (ну хотя бы 2014+) инфа, что button внутри a не валидно?

По доке нельзя нестить интерактивные элементы Content model: Transparent, but there must be no interactive content or a element descendants. (если нужно что-нибудь актуальнее ответа от 11го года)

По доке нельзя нестить интерактивные элементы Content model: Transparent, but there must be no interactive content or a element descendants. (если нужно что-нибудь актуальнее ответа от 11го года)

да уже ?, мерси)

Как вы реализуете темизацию, если у вас не CSS-in-JS, а классический CSS(SCSS, Stylus, нужно подчеркнуть)?

Как вы реализуете темизацию, если у вас не CSS-in-JS, а классический CSS(SCSS, Stylus, нужно подчеркнуть)?

я делал через css-vars

Точнее SCSS не интересует, там уже реализовано, интересует именно СSS/PostCSS

я делал через css-vars

там не только переменные - это было бы слишком просто

там не только переменные - это было бы слишком просто

а что еще?

есть варианты с переменными, есть варианты с правилами

Как вы реализуете темизацию, если у вас не CSS-in-JS, а классический CSS(SCSS, Stylus, нужно подчеркнуть)?

Перепиши на SC, там синтаксис нативный. Можно вообще начать с того, что перенести все классы со стилями в один SC контейнер и подключить его сверху. Работы 10 минут (если нет жесткой завязки на препроцессоры)

есть варианты с переменными, есть варианты с правилами

правила в компоненте, переменные через css-vars

В гей клубе

о, ты в теме, часто там бываешь?

о, ты в теме, часто там бываешь?

а ты быстрый

пасаны

а как заставить styled-components пропихивать кастомные аттрибуты?

а как заставить styled-components пропихивать кастомные аттрибуты?

Так он их и так пропихивает же

const WRootDrop = styled.div`...` .... <WRootDrop pt-test-name="hui" />

нет

pt-test-name не прилетает

Ого

Попробуй data-

хм, сек

мне маркеры для тестов нужны

data- работает, ага, спасибо

pt-test-name не прилетает

Это, вроде, не SC, а сам React не пропускает (глянь консоль)

pt-test-name не прилетает

не валидно же

реакт пропускает

в обычных дивах ок

по html5

ооок

тогда заменю на дату

Перепиши на SC, там синтаксис нативный. Можно вообще начать с того, что перенести все классы со стилями в один SC контейнер и подключить его сверху. Работы 10 минут (если нет жесткой завязки на препроцессоры)

У нас платформа и 100500 тем для проектов + жесткая завязка на scss

раз не валидно

preview в codesandbox.io либо легло, либо тоже под РКН >_<

preview в codesandbox.io либо легло, либо тоже под РКН >_<

ркн, у меня вчера легло

preview в codesandbox.io либо легло, либо тоже под РКН >_<

добавил в правила прокси *.codesandbox.io

можно вопросик, у меня есть список, по нажатию на элемент, он разворачивается и там есть вкладки с ЕЩЕ СПИСОЧКАМИ

как лучше данные хранить в такой ситуации

типа { _id1: {dataSet1: [], dataSet2:[]}, _id2: {...} }

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

или же тупо получение данных сделать на уровне стейта компонента, который эти доп данные показывать?

(ну и оттуда же делать апи колл естественно)

ТЛДР: есть список, на открытие одного из элемент списка подгружаются еще списки только для него, как это дело хранить в сторе

ТЛДР: есть список, на открытие одного из элемент списка подгружаются еще списки только для него, как это дело хранить в сторе

Вложено храни

meh, время жизни таких данные не больше 3 минут, а потом выпиливать их, потому что они не нужны - тоже такое

Та изи

Давай на апи id хуйни которая открылась

Потом иди в массив

И добавляй туда данные

ERROR: S client not available

Привет, ребят) у меня короткий вопрос, подскажите пожалуйста... ) каким образом я могу сделать вложенные defaultProps в компоненте? Вот так не работает: CompetitionEditOrganism.propTypes = { onSubmit: PropTypes.func.isRequired, initialValues: PropTypes.shape({ regulations: PropTypes.array }).isRequired } CompetitionEditOrganism.getDefaultProps = () => { return { initialValues: { regulations: [] } } }

так тоже: CompetitionEditOrganism.defaultProps = { initialValues: { regulations: [] } }

по первому примеру должен работать какая ошибка?

И добавляй туда данные

проблема в том, что данные которые в этих списках - завязаны на пажинации

и увеличать изначальный массив такое себе

у меня там около 20к айтемов в массиве

у меня там около 20к айтемов в массиве

И что ?

по первому примеру должен работать какая ошибка?

никакой ошибки, просто массив regulations должен быть пустым массивом однако он имеет значение undefined и приходится делать проверку на существование перед использованием а этого не должно быть

И что ?

там инфинити скролл

вот что

может поставь массиву .isRequired?

и внутри этих списков тоже инфинити скролл

короче безумная вещь

вот что

И тип у тебя высота увеличивается ?

И тип у тебя высота увеличивается ?

ага

может поставь массиву .isRequired?

та же фигня

ну сасай тогда со своим скроллом

бесконечный список, внутри еще списки, которые тоже бесконечные

и короче мутненько

Херня

как можно избежать ререндер компонента в случае если обновился только определённый проп, а в остальных случаях ререндерить?

как можно избежать ререндер компонента в случае если обновился только определённый проп, а в остальных случаях ререндерить?

shouldComponentUpdate?

черт, ничего подобного не наблюдаю (

shouldComponentUpdate?

и, как это сделать там? я сейчас вижу только один вариант, сравнить нужный мне проп и shallowEqual остальных

случайно не забыл импортировать prop-types?

черт, ничего подобного не наблюдаю (

может потому-что данные всё же появляются при последующем ререндеринге компонента, однако в начале их нет

и, как это сделать там? я сейчас вижу только один вариант, сравнить нужный мне проп и shallowEqual остальных

Мне кажется, ты сам описал логику, которую надо в хуке написать) Если хочется готового, мб в recompose есть, но вряд ли

Мне кажется, ты сам описал логику, которую надо в хуке написать) Если хочется готового, мб в recompose есть, но вряд ли

я спросил альетрнативный вариант, возможно есть более простой способ

я спросил альетрнативный вариант, возможно есть более простой способ

https://github.com/acdlite/recompose/blob/master/docs/API.md#onlyupdateforkeys Правда, тут придётся перечислить как раз те пропы, из-за которых ререндерить, если тебе так сойдёт