NA
Из за картинки
Size: a a a
2021 May 31
NA
если пролистать вниз — она уже не тормозит
NA
как сделать что б она не тормозила?
PK
помогите расположить Styled Component в зависимости от получаемого значения direction. если direction "back" то слева, если "forward", то справа.
пока только такое смог. это они слиплись естественно. потому что я в Styled Components еще не шарю
пока только такое смог. это они слиплись естественно. потому что я в Styled Components еще не шарю
const SliderButtonStyled = styled.button`
position: absolute;
top: 50%;
left: 10%;
border: none;
transition: all ease 0.2s;
padding: 0;
width: 36px;
height: 36px;
border-radius: 50%;
opacity: 0.8;
z-index: 6
// some code
V
это же обычный цсс
PK
вот так эта кнопка значение направления получает. компонент один в зависимости от direction должен размещаться по разному
return (
<SliderButtonStyled
direction={direction}
onClick={handleClick}
/>
);
V
простой пропс
V
хотя лучше пропс в виде бульки передавать
V
чем строкой
Hʜ
у тебя ж для обеих кнопок применяется left: 10%. нужно для одной кнопки к левому краю лепить, а для второй - к правому)
Hʜ
класс элементу добавляй, типа left-button или right-button, этим классам, соответственно, left: 10% и right: 10%
PK
ну вот я спрашиваю как это сделать в зависимости от значения direction
PK
разве в Styled Components так делают?
Hʜ
я имею в виду, что-то типа
className=“left\right\{direction}”
return (
<SliderButtonStyled
direction={direction}className=“left\right\{direction}”
onClick={handleClick}
/>
);V
основываються на пропсах
V
пиздец
Hʜ
на всякий случай переспрошу. в чат пускают только про?
V
<SliderButtonStyled
forward={direction === 'forward'}
onClick={handleClick}
/>V
вопрос уровень документации и нет я не про