вопрос для собеса?

Просто интересно. Плюс для написания либ пригодится

const steps = [ { name: 'equipment-data', component: <EquipmentDataComponent />, }, { name: 'general-info', component: <GeneralInfoComponent />, }, { name: 'platforms', component: <PlatformsComponent />, }, ]; Ребята всем привет, делаю wizzard form, подскажите, как можно в цикле вывести элементы и передать в него props

const steps = [ { name: 'equipment-data', component: <EquipmentDataComponent />, }, { name: 'general-info', component: <GeneralInfoComponent />, }, { name: 'platforms', component: <PlatformsComponent />, }, ]; Ребята всем привет, делаю wizzard form, подскажите, как можно в цикле вывести элементы и передать в него props

а потом const Content = steps[activeStep].component <Content props />

Почему у реакта комит-фаза снизу вверх?

https://cdn-images-1.medium.com/max/880/1*A3-yF-3Xf47nPamFpRm64w.gif

Я случайно набрел на код реакт-редакс….

я в чате по цсс забанен, сюда задам. Как можно заскейлить компоненты, like a ctrl++, только при 100% зуме?

ремы

Если я юзаю usereducer и через контекст прокидываю dispatch, то при вызове будет рутовый компонент перерендериваться? Или только тот который юзает state?

подскажите, кто шарит за feature slices. сущность и CRUD к ней (компоненты фильтра, компоненты форм и прочие) будут считаться за фичу?

Будут считаться компонентами фичи

если все эти компоненты пляшут вокруг какой-то одной сущности, - это и есть фича?

Мне нужно 150 на 100% сделать)

вот тут 150%

воу, а шо это ты мутишь? выглядит интересно

нашел решение кста

фронтенд для терминальных станций

так пиши какое)

о, мы как-то делали фронт для другой штуки типа большой офис, на каждом этаже стоят большие экраны с виджетами, типа план этажа, погода и прочая хрень и типа dnd интерфейс для редактирования этих экранов жаль закрыли проект)

подскажите, кто шарит за feature slices. сущность и CRUD к ней (компоненты фильтра, компоненты форм и прочие) будут считаться за фичу?

Если что, это можно в t.me/AtomicDesign обсуждать)

const array = [{date:"2019-06-18 17:57:11"},{date:"2019-06-18 20:57:21"},{date:"2019-06-18 20:57:11"}] const sortedArray = array.sort((a,b) => { console.log(new Moment(a.date).format('YYYYMMDD'), new Moment(b.date).format('YYYYMMDD'), new Moment(a.date).format('YYYYMMDD') - new Moment(b.date).format('YYYYMMDD'), ' mmm'); return new Moment(a.date).format('YYYYMMDD') - new Moment(b.date).format('YYYYMMDD') ; }) console.log(sortedArray, 'sortedArray')

const array = [{date:"2019-06-18 17:57:11"},{date:"2019-06-18 20:57:21"},{date:"2019-06-18 20:57:11"}] const sortedArray = array.sort((a,b) => { console.log(new Moment(a.date).format('YYYYMMDD'), new Moment(b.date).format('YYYYMMDD'), new Moment(a.date).format('YYYYMMDD') - new Moment(b.date).format('YYYYMMDD'), ' mmm'); return new Moment(a.date).format('YYYYMMDD') - new Moment(b.date).format('YYYYMMDD') ; }) console.log(sortedArray, 'sortedArray')

всем привет подскажите плз как скоректировать код чтоб секунды учитывались при сортировке

хз где спросить но думаю ничего страшного если тут вопрос по гиту ситуация: клоним мастерку, создаем ветку feature, коммитим, делаем МР. пока делается мр надо реализовывать другие фичи. 2 варианта как поступить: a) создать ветку от ветки feature, которая будет иметь уже изменения самой фичи + новой б) создать от мастерки еще одну ветку без изменений feature и в ней уже делать новую при варианте А тимлид может смерджить последний коммит и все предыдущие МР будут пустые при варианте Б есть варик напороться на конфликты и вот хз как лучше, подскажите плиз х)

хз где спросить но думаю ничего страшного если тут вопрос по гиту ситуация: клоним мастерку, создаем ветку feature, коммитим, делаем МР. пока делается мр надо реализовывать другие фичи. 2 варианта как поступить: a) создать ветку от ветки feature, которая будет иметь уже изменения самой фичи + новой б) создать от мастерки еще одну ветку без изменений feature и в ней уже делать новую при варианте А тимлид может смерджить последний коммит и все предыдущие МР будут пустые при варианте Б есть варик напороться на конфликты и вот хз как лучше, подскажите плиз х)

В чём проблемы? Подошёл, взял тимлида за руку, уверенно сказал: "Как поступить..."

с точки зрения гит флоу, правильнее вариант (б), но ситуации бывают разные

Б) но лучше с тимой поговорить:) Вдруг у вас иначе

как называется компнент, в котором реализовано только изменение стейта этого компонента. Нужно чтобы в него можно было поместить другие компоненты. В моем случае это обертка для того, чтобы все child компоненты можно было скрывать как-то так: <Parent> <Child /> <Child2 /> <Child3 /> </Parent>

как называется компнент, в котором реализовано только изменение стейта этого компонента. Нужно чтобы в него можно было поместить другие компоненты. В моем случае это обертка для того, чтобы все child компоненты можно было скрывать как-то так: <Parent> <Child /> <Child2 /> <Child3 /> </Parent>

компонент?хд

есть проблема, в compose передается хок сокетов, который отрабатывает, но при размонтировании компонента, он тоже работает, как можно решать проблему?

Дисконнект на анмаунте сделать?

Товарищи, не знал еще и забыл, как сейчас правильнее отслеживать изменение стейта в компоненте ?

Товарищи, не знал еще и забыл, как сейчас правильнее отслеживать изменение стейта в компоненте ?

Товарищи, не знал еще и забыл, как сейчас правильнее отслеживать изменение стейта в компоненте ?

componentDidUpdate? 🙂

Есть форма, в ней некоторые поля добавляются после нажатия на кнопку <Input name="team1" onChange={this.onChange} value={this.state.team} /> { this.state.teams.map((team, index) => { return ( <Input name={"team" + (parseInt(index) + 2)} key={index} onChange={this.onChange} value={this.state.team} /> ) }) } <button type="button" className="btn btn-dark" onClick={this.addTeam} >Добавить команду</button> В конструкторе я записал стейт constructor() { super(); this.state = { name: "", team: "", teams: [] }; this.onChange = this.onChange.bind(this); this.addTeam = this.addTeam.bind(this); } И есть функция onChange, которая записывает значение в стейт: onChange(e) { const { name, value } = e.target; this.setState({ [name]: value, }); } Вопрос 1: по value={this.state.team} как ее делать value={this.state.team2}, value={this.state.team3} и тд? Вопрос 2: по state, как быть с ним если я заранее не знаю какое количество team будет?

Есть форма, в ней некоторые поля добавляются после нажатия на кнопку В конструкторе я записал стейт И есть функция onChange, которая записывает значение в стейт: Вопрос 1: по value={this.state.team} как ее делать value={this.state.team2}, value={this.state.team3} и тд? Вопрос 2: по state, как быть с ним если я заранее не знаю какое количество team будет? Вот код https://gist.github.com/2u4u/08b765a30a593fdde27357c5012d8e26

тебе нужен индекс. по индексу обновляешь команду в стейте this.setState({ teams: this.state.teams.map((team, i) => i === index ? value : team ) })

Парни, а как хендлить ошибки в стиле ErrorBoundary в функциональных компонентах?

пока никак, делай хок-класс

пока никак, делай хок-класс