Size: a a a

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

2021 February 07

RU

Roman Usherenko in React — русскоговорящее сообщество
Stanislav Kalinovskiy
Подскажите, как в реакте можно реализовать колличество отрисовок элемента в зависимости от числа переменной ?

Например, у меня переменная count = 3, значит у меня должно быть 3 span-а, к примеру
Array.from({ length: 3}).map(([, index]) => <span key={index}>{index}</span>)
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Stanislav Kalinovskiy
Подскажите, как в реакте можно реализовать колличество отрисовок элемента в зависимости от числа переменной ?

Например, у меня переменная count = 3, значит у меня должно быть 3 span-а, к примеру
Array.from({length: count}).map
источник

W

Wl in React — русскоговорящее сообщество
И цикл в помощь
источник

SK

Stanislav Kalinovski... in React — русскоговорящее сообщество
Roman Usherenko
Array.from({ length: 3}).map(([, index]) => <span key={index}>{index}</span>)
спасибо
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Morning Star
и в каждое модальное окно я вкладывал другие компоненты
Есть такие компонеты в некоторых библиотеках, называются steps. Погугли их
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
или wizard
источник

MS

Morning Star in React — русскоговорящее сообщество
Daniil Kuznetsov
То есть модалки поверх других модалок? Это ужасно
нет, просто как сделать что бы допустим есть одна модалка, но контент был разным, 3 кнопки, кнопка 1 - один контент, кнопка 2, другой контент и т.д.
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Morning Star
нет, просто как сделать что бы допустим есть одна модалка, но контент был разным, 3 кнопки, кнопка 1 - один контент, кнопка 2, другой контент и т.д.
Ну сделай 3 модалки с 3мя стэйтами, и меняй эти стэйты через кнопки, не понял в чем трабл
источник

MS

Morning Star in React — русскоговорящее сообщество
Алексей Коршунов
Ну сделай 3 модалки с 3мя стэйтами, и меняй эти стэйты через кнопки, не понял в чем трабл
а нельзя сделать один компонент, а контент что бы менялся
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
active={active1}
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Morning Star
а нельзя сделать один компонент, а контент что бы менялся
Да можешь
источник

MS

Morning Star in React — русскоговорящее сообщество
типа так
источник

MS

Morning Star in React — русскоговорящее сообщество
что бы я выводил компонент Modal в него вставлял контент
источник

MS

Morning Star in React — русскоговорящее сообщество
а не тупо создать три компонента
источник

MS

Morning Star in React — русскоговорящее сообщество
это же тупо Modal1.js Modal2.js  и т.д.
источник

DK

Daniil Kuznetsov in React — русскоговорящее сообщество
Morning Star
что бы я выводил компонент Modal в него вставлял контент
let content: React.ReactNode;

switch (modal) {
 case 'one': {
   content = <>one</>;
   break;
 }
 case 'two': {
   content = <>two</>;
   break;
 }
}

return <Modal>{content}</Modal>;
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Morning Star
а не тупо создать три компонента
ну Modal - один, внутренности разные
источник

MS

Morning Star in React — русскоговорящее сообщество
Morning Star
типа так
у меня сейчас кнопка вызова модального окна, присваивает useState=true компоненту модального окна
источник

MS

Morning Star in React — русскоговорящее сообщество
бля вообще чет не пойму как сделать
источник

IN

Igor N in React — русскоговорящее сообщество
Morning Star
бля вообще чет не пойму как сделать
сделай в самом модальном окне стейт, и в зависимости от условий присваивай true либо false тому или иному флагу. А по флагам отрисовывай тот или иной блок
источник