на странице есть элимент position: fixed, bottom: 0, надо сделать так, чтобы при приближении к футтеру он в него упирался и не двигался дальше. На чистом css такое мутится? или без жс никак?

на странице есть элимент position: fixed, bottom: 0, надо сделать так, чтобы при приближении к футтеру он в него упирался и не двигался дальше. На чистом css такое мутится? или без жс никак?

sticky footer

Привет! Мне нужен сделать форму из нескольких селектов и инпутов. Для начала я делаю запрос на сервер, потом эти данные высвечиваются в селекте (но пока ни один не выбран), когда я выбираю один из элементов, React берет id этого элемента и делает запрос на сервер, чтобы достать следующие данные и рендерит рядом ещё один селект. Итд. Гуглил несколько часов, толком ничего не могу найти. Пробовал "conditional form rendering" итд. Подскажите пожалуйста что гуглить?

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

sticky footer

мне не нужен футер прибитый к полу

на странице есть элимент position: fixed, bottom: 0, надо сделать так, чтобы при приближении к футтеру он в него упирался и не двигался дальше. На чистом css такое мутится? или без жс никак?

Понял. Туплю.

на странице есть элимент position: fixed, bottom: 0, надо сделать так, чтобы при приближении к футтеру он в него упирался и не двигался дальше. На чистом css такое мутится? или без жс никак?

делал такое на JS, на css никак

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

/api/criterions/ - присылает массив элементов. /api/criterions/id/ - присылает один по id. /api/criterions/id/items/ - все items которые связаны с Criterion /api/criterions/id/items/item_id/ - один item. Мне нужно, чтобы первый селект сразу сделал get запрос на /criterions/ ,затем исходя из того , какой из перечисленных criterions выберет пользователь, создать новый селект вставив id в get запрос из выбранного элемента.

Если я делаю <option key={criterion.id} value={criterion.value}> , то как мне потом достать id оттуда? event.target.key не получается

Если я делаю <option key={criterion.id} value={criterion.value}> , то как мне потом достать id оттуда? event.target.key не получается

Key никак не достать

Key никак не достать

А как передавать id? Только через props?

А как передавать id? Только через props?

Дата атрибуты или любой другой валидный атрибут, name, вроде можно

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

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

Онклик на опцию селекта это неправильная семантика

Value + onChange

onChange значит, а value = id для каждого айтема в селекте

как называть контейнерный редакс компонент? есть например <MainMenu/>, какой префикс обычно добавляете?

как называть контейнерный редакс компонент? есть например <MainMenu/>, какой префикс обычно добавляете?

Никакой

Нет редакса, нет проблем

Нет редакса, нет проблем

а что есть

или в родителе весь стейт?

или в родителе весь стейт?

погодь, ща кто-нибудь предложит эффектор и они все оргию устроят (:

Когда уже сделаете бота чтобы на слово редакс тригерился и кидал ссылку на эфектор?

Я

подскажи пожалуйста, в чем может быть дело? сделал все в точности как в ридми: import { Editor, EditorState } from "draft-js"; function MyEditor() { const [editorState, setEditorState] = React.useState( EditorState.createEmpty() ); const editor = React.useRef(null); function focusEditor() { editor.current.focus(); } React.useEffect(() => { focusEditor(); }, []); return ( <div onClick={focusEditor}> <Editor ref={editor} editorState={editorState} onChange={editorState => setEditorState(editorState)} /> </div> ); } render(<MyEditor />, DOM_NODE); ловлю в косонли браузера такую ошибку: Uncaught TypeError: blockRendererFn is not a function at DraftEditorContents.render (DraftEditorContents-core.react.js:133)

для сборки использую parcel

Когда уже сделаете бота чтобы на слово редакс тригерился и кидал ссылку на эфектор?

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

Что - то среднее

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

Это мета троллинг

Вроде и правда редакс надоел, а вроде порой надо

Истина где-то рядом

onChange значит, а value = id для каждого айтема в селекте

Спасибо! Этот вариант мне подходит)

Привет, вопрос весьма косвенный к реакт. Я пробую задеплоить реакт апп в докер, и в index.js задаю axios.defaults.baseURL = process.env.API_URL, но проблема в том что он не определен. Подключаюсь к контейнеру там переменная есть.

Привет, вопрос весьма косвенный к реакт. Я пробую задеплоить реакт апп в докер, и в index.js задаю axios.defaults.baseURL = process.env.API_URL, но проблема в том что он не определен. Подключаюсь к контейнеру там переменная есть.

А билд где происходит?

А билд где происходит?

в докере RUN npm run build, а переменную задаю в docker-compose в environment

Когда уже сделаете бота чтобы на слово редакс тригерился и кидал ссылку на эфектор?

Блин, а идея-то хорошая

Ток у меня сервера нет где его держать

Так бы я сделал

Пацыки, такой момент. В компонент пропсом передается компонент, т.е. <MyComponent TestComponent={TestComponent} /> В PropTypes TestComponent это PropTypes.element или PropTypes.func?

гугл клауд, 300 бачей в год бесплатных

Представляю потом как челики пишут редакс через английскую "e" и redux через русский "х")

Можно учесть

Можно учесть

ага

Пацыки, такой момент. В компонент пропсом передается компонент, т.е. <MyComponent TestComponent={TestComponent} /> В PropTypes TestComponent это PropTypes.element или PropTypes.func?

Это func

Элемент это готовая нода

Элемент это готовая нода

от души

а PropTypes.element это тогда что?

а PropTypes.element это тогда что?

Это то что вернул элемент

просто в доке сказано же, что PropTypes.element - это компонент

просто в доке сказано же, что PropTypes.element - это компонент

Ну элемент это не компонент

Элемент это обьект с $$typeof === Symbol(react.element)

Т.е. результат рендера

Элемент это обьект с $$typeof === Symbol(react.element)

аааа, типо children?

Да

мля, тупанул....

пасиб)

Я так понимаю, что для эффектора дев тулзу ещё не изобрели?

Я так понимаю, что для эффектора дев тулзу ещё не изобрели?

watch же есть

Это ниразу не замена девтулзам

Это ниразу не замена девтулзам

А как ты себе представляешь девтулзы для эффектора?

Это ниразу не замена девтулзам

есть чат по эффектору, там можно узнать

О, а направьте

@effector_ru

Благодарю

кто-нибудь сталкивался с таким ворнингом? React Hook useEffect has a missing dependency

не понимаю, что он хочет

кто-нибудь сталкивался с таким ворнингом? React Hook useEffect has a missing dependency

Показывай код

кто-нибудь сталкивался с таким ворнингом? React Hook useEffect has a missing dependency

Это линтер, у тебя а эффекте используется что то что ты не передал в deps

Это линтер, у тебя а эффекте используется что то что ты не передал в deps

разве обязательно все передавать в депс. что я использую там?

разве обязательно все передавать в депс. что я использую там?

это линтер, какие правила включил, такие и работают

это линтер, какие правила включил, такие и работают

но это в консоль выводит, а не на уровне IDE

как это отключить?

а у вас преттиер тоже перестал такое фиксить <Foo></Foo> ==> <Foo /> ?

а у вас преттиер тоже перестал такое фиксить <Foo></Foo> ==> <Foo /> ?

Не перестал

у меня он это не фиксит

это в вс коде плагин ес чо

Проверил. Фиксит исправно.

Показывай код

https://codepen.io/codeinsack/pen/oKLKZX?editors=0010

Показывай код

Line 26: React Hook useEffect has a missing dependency: 'changeSelectableTask'. Either include it or remove the dependency array react-hooks/exhaustive-deps

но это в консоль выводит, а не на уровне IDE

Линтер тоже выводит в консоль если добавлен в этап сборки

Line 26: React Hook useEffect has a missing dependency: 'changeSelectableTask'. Either include it or remove the dependency array react-hooks/exhaustive-deps

У тебя даже имя правила написано