Size: a a a

JavaScript Rules

2020 September 24

SG

Sergey Glushakov in JavaScript Rules
Привет всем, нужна помощь. Есть кто реализовывал табы с помощью классов. Никак не могу понять как это правильно сделать. Классы я имею ввиду ООП. Есть несколько блоков с табами на странице. Чтобы не писать много повторяющегося кода хочу сделать класс Tabs, куда буду прокидывать объект с настройками. Пример. Как реализовано в слайдере swiper
источник

e

eapu08a in JavaScript Rules
Sergey Glushakov
Привет всем, нужна помощь. Есть кто реализовывал табы с помощью классов. Никак не могу понять как это правильно сделать. Классы я имею ввиду ООП. Есть несколько блоков с табами на странице. Чтобы не писать много повторяющегося кода хочу сделать класс Tabs, куда буду прокидывать объект с настройками. Пример. Как реализовано в слайдере swiper
Звучит как компонента реактовская
источник

NN

No Name in JavaScript Rules
eapu08a
Звучит как компонента реактовская
Компонент*
источник

e

eapu08a in JavaScript Rules
No Name
Компонент*
ну можно и так и так)
источник

H

Hovo in JavaScript Rules
Привет, как обойти массив n на n по ,,спирали,, ?
источник

OS

Oleg S in JavaScript Rules
Sergey Glushakov
Привет всем, нужна помощь. Есть кто реализовывал табы с помощью классов. Никак не могу понять как это правильно сделать. Классы я имею ввиду ООП. Есть несколько блоков с табами на странице. Чтобы не писать много повторяющегося кода хочу сделать класс Tabs, куда буду прокидывать объект с настройками. Пример. Как реализовано в слайдере swiper
в чем конкретно вопрос или сложность?
источник

OS

Oleg S in JavaScript Rules
Hovo
Привет, как обойти массив n на n по ,,спирали,, ?
с помощью циклов
источник

H

Hovo in JavaScript Rules
Oleg S
с помощью циклов
Спасибо сенсей
источник

OS

Oleg S in JavaScript Rules
Hovo
Спасибо сенсей
какой вопрос такой ответ
источник

H

Hovo in JavaScript Rules
Oleg S
какой вопрос такой ответ
Вопрос нормальный, а ответ из шаолина
источник

РМ

Ректальная Макака... in JavaScript Rules
Привет, есть ли возможность сделать анимацию слайдера на манеру перелистывания страницы? У кого такой опыт был?
источник

H

Hovo in JavaScript Rules
Ректальная Макака
Привет, есть ли возможность сделать анимацию слайдера на манеру перелистывания страницы? У кого такой опыт был?
Если я правильно поняла то поищи turn.js
Будет круче чем ты представлял)))
источник

AL

Alexander Luschenko in JavaScript Rules
источник

РМ

Ректальная Макака... in JavaScript Rules
Hovo
Если я правильно поняла то поищи turn.js
Будет круче чем ты представлял)))
Спасибо
источник

AA

Adi Adi in JavaScript Rules
Всем привет, нужна помощь в usestate при клике я хотел заменить старый state на новый, но после клика выходит warning "Each child in a list should have a unique "key" prop"
и объект не заменяется, а уходит вниз как второй

    <button
               onClick={() => {
                 console.log(...activeTab);
                 const x = [...activeTab];
                 const newActiveTab = [
                   {
                     id: 2,
                     img: "Rectangle 8.png",
                     title:
                       "Для стоматтологических кабинетов и частных клиник",
                     infoText:
                       " Чтобы увеличить посещаемость клиники, узнайте, на каких онлайн-ресурсах ваша аудитория проводит больше всего времени(сайт, социальные сети). Установите на них виджет онлайн-записи, и пользователи будут рады забронировать время без перехода на другие ресурсы. Записи к врачам, совершенные онлайн, попадают в электронный журнал администратора и врачей автоматически. Врачи видят свою загруженность и записи на текущий день, что позволяет им планировать рабочее время.",
                   },
                 ];
                 const y = [x, newActiveTab];
                 console.log(y)
                 setActiveTab(y);
               }}


Заранее спасибо
источник

A

Alexandr in JavaScript Rules
Adi Adi
Всем привет, нужна помощь в usestate при клике я хотел заменить старый state на новый, но после клика выходит warning "Each child in a list should have a unique "key" prop"
и объект не заменяется, а уходит вниз как второй

    <button
               onClick={() => {
                 console.log(...activeTab);
                 const x = [...activeTab];
                 const newActiveTab = [
                   {
                     id: 2,
                     img: "Rectangle 8.png",
                     title:
                       "Для стоматтологических кабинетов и частных клиник",
                     infoText:
                       " Чтобы увеличить посещаемость клиники, узнайте, на каких онлайн-ресурсах ваша аудитория проводит больше всего времени(сайт, социальные сети). Установите на них виджет онлайн-записи, и пользователи будут рады забронировать время без перехода на другие ресурсы. Записи к врачам, совершенные онлайн, попадают в электронный журнал администратора и врачей автоматически. Врачи видят свою загруженность и записи на текущий день, что позволяет им планировать рабочее время.",
                   },
                 ];
                 const y = [x, newActiveTab];
                 console.log(y)
                 setActiveTab(y);
               }}


Заранее спасибо
потому что объекту нужен атрибут key, чтобы фреймворк понимал какой объект перерисовывать
источник

AA

Adi Adi in JavaScript Rules
Alexandr
потому что объекту нужен атрибут key, чтобы фреймворк понимал какой объект перерисовывать
<div>
           {activeTab.map((item) => {
             return (
               <div key={item.id} className={timeWork.boxServieceTimeWork}>
                 <div className={timeWork.flexServiceTimework}>
                   <div className={timeWork.boxImgService}>
                     <img src={item.img} />
                   </div>
                   <div className={timeWork.boxServiceInfo}>
                     <h4 className={timeWork.themeService}>{item.title}</h4>
                     <p></p>
                     <p className={timeWork.infoService}>{item.infoText}</p>
                     <p></p>
                   </div>
                 </div>
               </div>
             );
           })}
         </div>
источник

е

его имя роберт полсо... in JavaScript Rules
Adi Adi
Всем привет, нужна помощь в usestate при клике я хотел заменить старый state на новый, но после клика выходит warning "Each child in a list should have a unique "key" prop"
и объект не заменяется, а уходит вниз как второй

    <button
               onClick={() => {
                 console.log(...activeTab);
                 const x = [...activeTab];
                 const newActiveTab = [
                   {
                     id: 2,
                     img: "Rectangle 8.png",
                     title:
                       "Для стоматтологических кабинетов и частных клиник",
                     infoText:
                       " Чтобы увеличить посещаемость клиники, узнайте, на каких онлайн-ресурсах ваша аудитория проводит больше всего времени(сайт, социальные сети). Установите на них виджет онлайн-записи, и пользователи будут рады забронировать время без перехода на другие ресурсы. Записи к врачам, совершенные онлайн, попадают в электронный журнал администратора и врачей автоматически. Врачи видят свою загруженность и записи на текущий день, что позволяет им планировать рабочее время.",
                   },
                 ];
                 const y = [x, newActiveTab];
                 console.log(y)
                 setActiveTab(y);
               }}


Заранее спасибо
Добавь в объект newActiveTab уникальный атрибут key
источник

AA

Adi Adi in JavaScript Rules
Adi Adi
<div>
           {activeTab.map((item) => {
             return (
               <div key={item.id} className={timeWork.boxServieceTimeWork}>
                 <div className={timeWork.flexServiceTimework}>
                   <div className={timeWork.boxImgService}>
                     <img src={item.img} />
                   </div>
                   <div className={timeWork.boxServiceInfo}>
                     <h4 className={timeWork.themeService}>{item.title}</h4>
                     <p></p>
                     <p className={timeWork.infoService}>{item.infoText}</p>
                     <p></p>
                   </div>
                 </div>
               </div>
             );
           })}
         </div>
Вот здесь я вроде добавил key
источник

AA

Adi Adi in JavaScript Rules
его имя роберт полсон
Добавь в объект newActiveTab уникальный атрибут key
Как ?
источник