A
Ну это уже докапывание) понятное дело, что его легко сломать
Size: a a a
2021 May 31
VL
ну я скинул в простом варианте, канеч можно ещё дописать и учесть нюансы)
2
const v = value>100?100:value;
const strokeDashoffset = 295.31 - (295.31 * v) / 100;
const strokeDashoffset = 295.31 - (295.31 * v) / 100;
A
А если меньше нуля введут?
2
let v = value>100?100:value;
v = v<0?0:v
v = v<0?0:v
PK
не подскажете какую можно использовать либу чтобы сделать простенький слайдер на реакте? примерно как на картинке нужно.
Ю
да можно и без либ разных
PK
без либы мне пока сложно. мне бы простую. лижбы слайдер хоть какой был
A
Да любую, они плюс минус все могут в такой, ищи какой внешнему виду подойдёт)
Ю
У материала есть слайдер, у Анта тоже вроде. Можно просто вбить в поиск react-slider и подобрать себе нужное. А так сделать самому это проще простого. У тебя изначальное есть состояние -выбранной картинки, если массив картинок, которые сверху и по нажатию просто выводить слпдующую
Ю
Добавить стили вот тебе и слайдер
VL
такое делается через функцию clamp (https://developer.mozilla.org/en-US/docs/Web/CSS/clamp())
на js от 0 до 100:
на js от 0 до 100:
const clamp = (value) => Math.max(0, Math.min(value, 100))
2
Спорить не буду, но мой вариант нравится больше. Он без костылей
C
Как же я люблю писать код как по минному полю ходишь и пытаешься не умереть😂
VL
А что там костыль? Имеешь в виду фкнцию clamp? Это такая можно сказать общепринятая реализация, того что ты написал, в таком виде:
let v = value>100?100:value;
v = v<0?0:v
const strokeDashoffset = 295.31 - (295.31 * v) / 100;
Оба варианта верны. Но я бы не принял твой код в код ревью. Потому что чистый код выглядит вот так:
const strokeDashoffset = 295.31 - (295.31 * clamp(value)) / 100;
let v = value>100?100:value;
v = v<0?0:v
const strokeDashoffset = 295.31 - (295.31 * v) / 100;
Оба варианта верны. Но я бы не принял твой код в код ревью. Потому что чистый код выглядит вот так:
const strokeDashoffset = 295.31 - (295.31 * clamp(value)) / 100;
PK
пытаюсь сделать слайдер. картинки с сервера большие приходят. сейчас они некрасиво обрезаются. как сделать чтобы пропорции были как у контейнера моего и еще картинка чтоб пропорционально вставала? сами картинки бывают разных пропорций
YN
overflow: hidden; на контейнер. На изображение width: -любой валью
NA
Привет всем!
Помогите с гугл картами пж.
Вот я не понимаю... Я залил на сендбокс и оно работает
https://codesandbox.io/s/ancient-surf-2vwxq?file=/src/App.js
А у меня на гите лежит прям копипаст оттуда и не ворк. Ругается на TypeError: Expected a function
https://github.com/NitMrAnderson/SimpleReactProject/blob/master/src/Content/Contacts/Map/Map.js
Помогите с гугл картами пж.
Вот я не понимаю... Я залил на сендбокс и оно работает
https://codesandbox.io/s/ancient-surf-2vwxq?file=/src/App.js
А у меня на гите лежит прям копипаст оттуда и не ворк. Ругается на TypeError: Expected a function
https://github.com/NitMrAnderson/SimpleReactProject/blob/master/src/Content/Contacts/Map/Map.js
NA
Помогите пж