Size: a a a

React — русскоговорящее сообщество

2020 September 26

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Кто-то работал с React-Leaflet?
Мне нужно полилинию стилизовать особым образом, есть svg и css с фигмы
Подскажите, пожалуйста, как это можно сделать?
Вы вообще читали официальную документацию разработчиков
https://leafletjs.com/download.html ???
Там описывается как работать с этим решением.
Разберётесь с Leaflet JS - сможете внедрить в React JS
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Вот пример того как выставить маркер на карте
https://github.com/PaulLeCam/react-leaflet/blob/master/example/components/simple.js
Дальше, я думаю - разберётесь
источник

МК

Месье́ Кэс in React — русскоговорящее сообщество
Сложность заключается в том, что на фигме css и svg описывает объект определенного размера (длины), но мне нужно чтобы вся Polyline (разное количество этих линий с разной длинной) на карте  из React-Leaflet отрисовывалась именно так, как это сохранено в фигме

Проблемный вариант на скрине

Я в доках лифлета не нашел способа заменить стили Polyline-а
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Сложность заключается в том, что на фигме css и svg описывает объект определенного размера (длины), но мне нужно чтобы вся Polyline (разное количество этих линий с разной длинной) на карте  из React-Leaflet отрисовывалась именно так, как это сохранено в фигме

Проблемный вариант на скрине

Я в доках лифлета не нашел способа заменить стили Polyline-а
То есть отловить класс css и переопределить его не получится ???
Даже если поставить флаг !important
Так ?
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Сложность заключается в том, что на фигме css и svg описывает объект определенного размера (длины), но мне нужно чтобы вся Polyline (разное количество этих линий с разной длинной) на карте  из React-Leaflet отрисовывалась именно так, как это сохранено в фигме

Проблемный вариант на скрине

Я в доках лифлета не нашел способа заменить стили Polyline-а
https://github.com/PaulLeCam/react-leaflet/tree/master/example/components
Тут разные варианты реализации, можно по крайней мере посмотреть реализацию
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Сложность заключается в том, что на фигме css и svg описывает объект определенного размера (длины), но мне нужно чтобы вся Polyline (разное количество этих линий с разной длинной) на карте  из React-Leaflet отрисовывалась именно так, как это сохранено в фигме

Проблемный вариант на скрине

Я в доках лифлета не нашел способа заменить стили Polyline-а
Вот что показывает официальная документация по вашему вопросу
https://leafletjs.com/reference-1.7.1.html#polyline
источник

МК

Месье́ Кэс in React — русскоговорящее сообщество
Уловил, спасибо, буду дальше в доках искать
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Уловил, спасибо, буду дальше в доках искать
😊 Есть ещё одна интересная библиотека с картами, если интересно могу скинуть информацию.
источник

A

Azim in React — русскоговорящее сообщество
здравствуйте

я использую react-hook-form + material-ui. Возникла проблема с их компонентом Autocomplete. Компонент обязателен для заполнения. Естественно, если пользователь его не заполнил и отправил форму - выдается ошибка. Вот тут и происходит некое недоумение. Когда юзер начнет заполнять поле первый символ который он вводит игнорируются.

Ниже ссылка на упрощенный вариант. Если нажмете на кнопку отправки - выйдет ошибка. Далее попробуйте ввести что нибудь и первый символ который вы введете проигнорируется.

Помогите разобрать что я делаю не так

https://codesandbox.io/s/fancy-rain-odko7?file=/src/App.js
источник

KM

Kostya Mironov in React — русскоговорящее сообщество
Удаленный вопрос: подскажите пожалуйста, как выдать и поставить себе сертификат на локалхост для запуска приложения на реакте (vk-mini-apps)?    windows 10)
источник

Е

Евгений in React — русскоговорящее сообщество
Юзаю Laragon и не парюсь
источник

M

Maksim in React — русскоговорящее сообщество
Kostya Mironov
Удаленный вопрос: подскажите пожалуйста, как выдать и поставить себе сертификат на локалхост для запуска приложения на реакте (vk-mini-apps)?    windows 10)
у кра вроде в доке есть туториал, если на нем конечно твой проект.
источник

E

Erick in React — русскоговорящее сообщество
Azim
здравствуйте

я использую react-hook-form + material-ui. Возникла проблема с их компонентом Autocomplete. Компонент обязателен для заполнения. Естественно, если пользователь его не заполнил и отправил форму - выдается ошибка. Вот тут и происходит некое недоумение. Когда юзер начнет заполнять поле первый символ который он вводит игнорируются.

Ниже ссылка на упрощенный вариант. Если нажмете на кнопку отправки - выйдет ошибка. Далее попробуйте ввести что нибудь и первый символ который вы введете проигнорируется.

Помогите разобрать что я делаю не так

https://codesandbox.io/s/fancy-rain-odko7?file=/src/App.js
Суть твоего вопроса не понял. Там вид input select стоит. User ничего не может заполнять и отправить. Потому что в массиве options уже определено что необходимо выбрать.
источник

A

Azim in React — русскоговорящее сообщество
да input+select. Но User может вводить значение и в это время ему будут предлагаться варианты из изначально определенных.

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

A

Azim in React — русскоговорящее сообщество
Erick
Суть твоего вопроса не понял. Там вид input select стоит. User ничего не может заполнять и отправить. Потому что в массиве options уже определено что необходимо выбрать.
user может вводить, попройте написать "opt" и выйдут варианты которые можно выбрать
источник

R

Ramazan in React — русскоговорящее сообщество
приветствую , подскажите какой table с pagination прост в использовании , смотрю в сторону react-bootstrap-table
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
Всем привет, кто-то может просвятить, почему key не присваивается для li?
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
источник

A

Azim in React — русскоговорящее сообщество
Anton Kalinichenko
Всем привет, кто-то может просвятить, почему key не присваивается для li?
тебе нужно не в li key ложить, а в DropdownItem. В li вообще не нужно передать его
источник

A

Azim in React — русскоговорящее сообщество
тоесть:

options.map(option => (<DropdownItem key={idx}>{option.visibleValue}</DropdownItem>))
источник