Dmytro
Не знаю насколько это умно)
Ilia
Всем привет
Есть такой вот код
При измении стейта (onSelect) компонент Field, который был соответсвенно изменен, переезжает вниз списка
Такое поведение только в Сафари, в остальных браузерах работает нормально, включая Edge
{Object.keys(state).map(key =>
<Field
key={key}
t={t}
name={key}
prefix='finder.purpose'
value={state[key]}
onSelect={handleToggleChange}
/>)}
Скорее всего в сафари по другому идёт перебор свойств, в консоль выведи массив
Андрей
Всем привет
Есть такой вот код
При измении стейта (onSelect) компонент Field, который был соответсвенно изменен, переезжает вниз списка
Такое поведение только в Сафари, в остальных браузерах работает нормально, включая Edge
{Object.keys(state).map(key =>
<Field
key={key}
t={t}
name={key}
prefix='finder.purpose'
value={state[key]}
onSelect={handleToggleChange}
/>)}
Порядок свойств не закреплён в стандарте. Используй нормальные структуры данных.
Anonymous
Порядок свойств не закреплён в стандарте. Используй нормальные структуры данных.
или сортировать ключи перед отрисовкой
Андрей
или сортировать ключи перед отрисовкой
Не нужно делать лишнюю работу, если её делать не надо.
Anonymous
Не нужно делать лишнюю работу, если её делать не надо.
иногда ради формата хранения приходится чем-то жертвовать
Konstantin
Всем привет, кто использует React+ TypeScript, сейчас я зашел в такой проект, можете поделиться опытом?
Rrr
завела отдельно массив под ключи вне компонента — это сработало, да
спасибо
Anonymous
Чего?
если я хочу именно объектом хранить, то мне нужно либо держать отдельно порядок филдов либо сортировать ключи. Либо хранить все в массиве и тогда обращение к отдельно взятому элементу через find или типо того
Андрей
если я хочу именно объектом хранить, то мне нужно либо держать отдельно порядок филдов либо сортировать ключи. Либо хранить все в массиве и тогда обращение к отдельно взятому элементу через find или типо того
Если вы хотите кушать через задницу, то не удивляйтесь, что возникают трудности.
В этом примере совершено 2 ошибки:
1) человек следовал не стандартам, а конкретной реализации этого стандарта, и не допуская даже мысли, что что-то тут не так;
2) для хранения пар ключ-значение есть прекрасная структура данных, которая называется Map. Объекты следует использовать для описания, внезапно, объектов, а не чего либо другого.
Anton
Подскажите.
На textarea ref={node => this.__textarea = node}
componentDidMount() {
this.__textarea.focus()
Почему не работает фокус ?
Andrey
Подскажите.
На textarea ref={node => this.__textarea = node}
componentDidMount() {
this.__textarea.focus()
Почему не работает фокус ?
разве надо не this.__textarea.current.focus() ?
Anton
разве надо не this.__textarea.current.focus() ?
c current Cannot read property 'focus' of undefined
Andrey
c current Cannot read property 'focus' of undefined
https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs
Александр
Если бы тут createRef / useRef, то надо current
Anton
https://reactjs.org/docs/refs-and-the-dom.html#accessing-refs
да я уже посмотрел доку и примеры и по примеру сделал, но почему все равно нету фокуса не пойму
Александр
А так не нужен тут никакой current когда в коллбеке явно присваиваете DOM ноду
Vladislav
Yar
_
Vladislav
Дак мне тогда значение запишется
Vladislav
А не функция
Yar
оставь запятую
Yar
[, value]
Vladislav
Спасибо, помогло
Eugene
О.О
Eugene
Интересно, зачем его присваивать
Eugene
Если оно нигде не юзается
Александр
Чтобы ререндер зафорсить например
Evghenii
ограничивал ли кто нибудь выдачу react-places-autocomplete пределами одного города(москва, к примеру)?
Evghenii
google maps api
MⅨ
Вопрос а как мне достать из компонента id
если компонент внутри роутера например футер
{
"render":{
},
"history":{
"length":7,
"action":"POP",
"location":{
"pathname":"/project/5cf8d7e1c058531bac6558b2",
"search":"",
"hash":"",
"key":"n88a54"
}
},
"location":{
"pathname":"/project/5cf8d7e1c058531bac6558b2",
"search":"",
"hash":"",
"key":"n88a54"
},
"match":{
"path":"/",
"url":"/",
"params":{
},
"isExact":false
}
}
MⅨ
В парамах ничего
Александр
не понятно чего вы хотите
MⅨ
<Switch>
. . .
<Route component={() => <p>No route found</p>} />
</Switch>
<Footer />
MⅨ
Я хочу менять внутри футера пат в линках
Александр
В route оберните футер
Александр
Или withRouter
Александр
Если правильно понял что вам нужно
MⅨ
У меня стоит withRouter
Vladimir
Я хочу менять внутри футера пат в линках
сам сталкивался с таким сотню раз и понятия не имею как исправить
Александр
Так легко же, <Route path=projects/:id children = Footer/>
MⅨ
в props.match.param ничего нет, но по пат то видно что есть
Александр
в props.match.param ничего нет, но по пат то видно что есть
Вы в пробовали как выше написал ?
Александр
Сейчас читаю
children тут ключевой момент, он всегда рендерит компонент, не только когда заматчилось
Cheslav
MⅨ
children тут ключевой момент, он всегда рендерит компонент, не только когда заматчилось
Я посмотрел, нашел только component. Но идея та же, надо строить так чтобы все что в руте будет получать параметры иначе только global store. Вопрос как нуб, а это не принципиально если футер будет внутри компонента и у каждого свой, помоему валидная причина
Artem
привет парни
вопрос по react-router-dom
есть /sign-in
есть /platform
платформ - компонент, в котором есть Header, Navigation и Route, которые рендаряться в зависимости от маршрута.
как сделать так, чтобы Header и Navigation не перерендывались при переходе на другой Route в /platform?
Sm•ok
Кто нибудь кастомизировал тултип для этой либы в компоненте Line ?
| react-chartjs-2
Dima
Ребят выручайте, я запутался))
Есть к примеру React приложение и мне надо деплоить его на продакшн.
Я хочу что бы через gitlab ci это было, как лучше это всё настроить? И в каком месте лучше gitlab-runner использовать?
MⅨ
Лол, случайно нашел решеной другой прооблемы
Александр
Я посмотрел, нашел только component. Но идея та же, надо строить так чтобы все что в руте будет получать параметры иначе только global store. Вопрос как нуб, а это не принципиально если футер будет внутри компонента и у каждого свой, помоему валидная причина
https://reacttraining.com/react-router/web/api/Route/children-func
Александр
Плохо смотрели
G.
привет парни
вопрос по react-router-dom
есть /sign-in
есть /platform
платформ - компонент, в котором есть Header, Navigation и Route, которые рендаряться в зависимости от маршрута.
как сделать так, чтобы Header и Navigation не перерендывались при переходе на другой Route в /platform?
Не совсем понятно при переходе на какой такой другой /platform. Как вариант используй для них PureComponent или memo
Artem
Не совсем понятно при переходе на какой такой другой /platform. Как вариант используй для них PureComponent или memo
пробовал. пробовал через scU
Artem
Не совсем понятно при переходе на какой такой другой /platform. Как вариант используй для них PureComponent или memo
необходимо, чтобы не было скачка перерендера при переходе на вложенный роут
Konstantin
Ребят пишет кто-то из вас на Реакте с TypeScript, скажите как вы организовываете структуру? Потому что если все одном файле: StyledComponnets Types Cmp Redux делать, тогда даже самый простой компонент раздувается колоссально
G.
необходимо, чтобы не было скачка перерендера при переходе на вложенный роут
Надо по коду смотреть, сложно понять как там у тебя сделано. Они анмаунтятся, компоненты эти?
Александр
Ребят пишет кто-то из вас на Реакте с TypeScript, скажите как вы организовываете структуру? Потому что если все одном файле: StyledComponnets Types Cmp Redux делать, тогда даже самый простой компонент раздувается колоссально
Да вроде не раздувается, все относящееся к компоненту в одном с ним модуле
Андрей
Александр
Общие интерфейсы описывающие контракты в отдельных файлах
Yar
нет. типо стили в одной папке, в другой типы и т.д.
Александр
Т.е у тебя так?
/cmp
cmp.ts
types.ts
styles.ts
Если эти описания типов нигде кроме как в компоненте не используются (props например) то зачем их выносить
Konstantin
Александр
Если это общие контракты для приложения, то я понимаю зачем выносить , но разделять ради разделения...
Александр
Надо следовать принципу разумной достаточности, а не слепо какому-то принципу имхо
Konstantin
Ага понял, спасибо.
А вообще можете подсказать файловую структуру для проекта, как вы организовываете его?
G.
нет. типо стили в одной папке, в другой типы и т.д.
Этот вариант не удобен, когда много компонентов
Yar
Почему?
Александр
Ага понял, спасибо.
А вообще можете подсказать файловую структуру для проекта, как вы организовываете его?
Не подскажу... потому что не знаю сам как правильно
Yar
Можно групировать