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

Не факт же что тот кто распространяет изображение является автором, ну как-то так, все что с девиарта показывается в картинках с именем автора и надписью о правах,а с какого-нибудь юкоза - нихрена

Garden

Кто-нибудь из обывателей пользовался react-select? Подскажите, как сделать так, чтобы вместе кучи лейблов внутри самого селекта был один компонент с их количеством. Например, если выбрано 5 элементов, то внутри селекта не было 5 лейблов этих самых элементов, а было их "Выбрано: 5"

Oleg

ребят. А кто в TS шарит? Подскажите, как быть в связке с реакт-компонентами: есть компонент инпута, у которого value: string | number. При этом, компонент используется во многих местах. И где-то этот инпут принимает любые значения, а где-то только number должен принимать. И тут возникает проблема типов в случае родителя, который может получать только number...

Arthur

ребят. А кто в TS шарит? Подскажите, как быть в связке с реакт-компонентами: есть компонент инпута, у которого value: string | number. При этом, компонент используется во многих местах. И где-то этот инпут принимает любые значения, а где-то только number должен принимать. И тут возникает проблема типов в случае родителя, который может получать только number...

кастуй к string | number, либо можешь сделать as any

Maxim

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

Kuat

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

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

Maxim

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

Реакт внутри FROM node:10-alpine AS front WORKDIR /opt/front ADD package.json . ADD yarn.lock . RUN yarn COPY . . RUN yarn build FROM nginx:1.15.5-alpine WORKDIR /usr/share/nginx/html COPY --from=front /opt/front/dist . EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] Такой dockerfile

Maxim

Не хочется для каждого окружения делать билды

Kuat

Ну вот после yarn build уже никакие новые env читать не получится

Kuat

В рантайме, как я понял, никак

Maxim

И как решить эту проблему?

Dmitriy

В общем либо before, либо див, как я понял

pointer-events: none;

Kuat

И как решить эту проблему?

Я решил тегами

Maxim

Понял

Владимир

Можно ли как-то стандартным mock из jest сделать условный mock? Например создать mock на метод fetch, и проверять url. Если url = /a использовать mock, во всех остальных случаях использовать оригинальный метод.

Daniil

https://medium.com/@lawliet29/tree-shaking-in-real-world-what-could-go-wrong-b398c2b2ebbb

хм, почитал статью. Может я не верно конечно понял, но он все смотрит на основе аглифая. Его уже в вебпаке заменили. И я так понял он смотрит дев версию. На проде будет нечто похожее https://gist.github.com/TchernyavskyDaniil/cc3fccdad9763b606a82d1147c78b08f или я чет не так понял из его статьи?

Daniil

Я к тому что того же метода bar с console.log('Hello from bar!') просто не будет

Aleksandr

Всем привет! Кто может подсказать: мне нужно реализовать по нажатию на кнопку копирование в clipboard текста, который, будет являться гиперссылкой. Т.е. я нажал на кнопку copy work item, потом вставил скопированное в письмо outlook, и там этот текст является гиперссылкой.

Oleg

помогите с реакт хуками, пожалуйста. есть у меня id в пропсах, и есть useEffect с addEventListenner. проблема в том, что когда в маунте приходит id null, следом идёт реальный id, но в useEffect он по прежнему null. const { id } = activeField; console.log('id outside'); console.log(id); useEffect(() => { const handleDelete = (e) => { const { key } = e console.log(key); console.log('id inside'); console.log(id); if (key === 'Delete' && id) { doSmt(id); } } document.addEventListener('keydown', handleDelete, false) return () => { console.log('removed'); document.removeEventListener('keydown', handleDelete); } }, [])

Oleg

MVD

18кб - жирненький

react router 21.6 как бы. Что меньше тогда? react-router-dom 28.9 router5 28.9

Aleksandr

помогите с реакт хуками, пожалуйста. есть у меня id в пропсах, и есть useEffect с addEventListenner. проблема в том, что когда в маунте приходит id null, следом идёт реальный id, но в useEffect он по прежнему null. const { id } = activeField; console.log('id outside'); console.log(id); useEffect(() => { const handleDelete = (e) => { const { key } = e console.log(key); console.log('id inside'); console.log(id); if (key === 'Delete' && id) { doSmt(id); } } document.addEventListener('keydown', handleDelete, false) return () => { console.log('removed'); document.removeEventListener('keydown', handleDelete); } }, [])

Так ты передал пустой массив вторым аргументом в useEffect, поэтому он у тебя не вызывается больше после mount

Oleg

Так ты передал пустой массив вторым аргументом в useEffect, поэтому он у тебя не вызывается больше после mount

со вторым аргументом пока не разобрался просто. спасибо

Nikolai

хм, почитал статью. Может я не верно конечно понял, но он все смотрит на основе аглифая. Его уже в вебпаке заменили. И я так понял он смотрит дев версию. На проде будет нечто похожее https://gist.github.com/TchernyavskyDaniil/cc3fccdad9763b606a82d1147c78b08f или я чет не так понял из его статьи?

Суть в том, что в любой внешней либе, которую ты тащишь в проект тришейкинг может не работать. Так что бандл все таки стоит иногда анализовать

Daniil

Суть в том, что в любой внешней либе, которую ты тащишь в проект тришейкинг может не работать. Так что бандл все таки стоит иногда анализовать

В этом случае конечно. Возможно просто не понял суть статьи

A͟͟͟͞͞͞n͟͟͟͞͞͞t͟͟͟͞͞͞

Доброе утро. Подскажите как циклично запускать сщетчик ? Сейчас добился этого только с перезагрузкой страницы

Nikolai

Доброе утро. Подскажите как циклично запускать сщетчик ? Сейчас добился этого только с перезагрузкой страницы

setInterval

Bohdan

React router 4. Компонент в Route анмаунтится, когда делаю пуш в хистори. Пушаю туда ${match.url}#someshit. То есть матчится должен один и тот же Route. Почему он тогда анмаунтится?

-

Всем привет. babel-macro кто использовал? использую create-react-app + styled-components. Как сделать конфиг для прода и для дев? babel-plugin-macros используют cosmiconfig. А у него нет разделения на окружения. В обычно бабеле я мог сделать что то типо такого: module.exports = { presets: ["react-app"], plugins: ["react-hot-loader/babel", "styled-components"], env: { development: { plugins: [ [ "styled-components", { displayName: true, }, ], ], }, }, }