Size: a a a

2020 May 20

NG

Nick Golub in React Kyiv
Yevhenii Oliinyk
при класическом подходе реакта - каждая строка с 2 инпутами - это отдельный компонент, в котором обратаываются изменения инпутов, блуры с инпутов
Можно в примере, а то не понятно
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
понял кароче
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
держи
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
намудрил ты со спердами просто
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
ниче не понятно было. А нужно было всего лишь
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
так вернее
источник

AM

Aleksandr Menchynsky... in React Kyiv
Мутируешь стейт напрямую
источник

AM

Aleksandr Menchynsky... in React Kyiv
В сетстейте [...state[field].slice(0, num), { label, value }, ...state[field].slice(num + 1)]
источник

AM

Aleksandr Menchynsky... in React Kyiv
Ну только нормально написать)
источник

AM

Aleksandr Menchynsky... in React Kyiv
А если так, то создавать шеллоу копию this.state[field], а то сейчас в дате просто ссылка на массив
источник

KY

Kyrylo Yakovenko • 𝟰... in React Kyiv
ну да обавить [... this.state[field]]
источник

AM

Aleksandr Menchynsky... in React Kyiv
Угу
источник

BT

Bohdan Tuteiko in React Kyiv
источник

BT

Bohdan Tuteiko in React Kyiv
источник

NG

Nick Golub in React Kyiv
Вот так по вашим советам налепил
handleChangeFields = ( field ) => ( e ) => {
   const label = e.currentTarget.children[0].value
   const value = e.currentTarget.children[1].value
   const num = e.currentTarget.getAttribute('data-index')
   let data = [...this.state[field]]
   data[num] = {label, value}
   this.setState(state => ( {
       ...state, [field]: data
   } ))
   
   let th = this
   setTimeout(function () {
     console.log(th.state)
     console.log(th.state.specifications.length)
   }, 500)
 }
 
 addNewNode = ( field ) => () => {
   
   this.setState(( state ) => ( {
     [field]: [...state[field], {}],
   } ))
   
   let th = this
   setTimeout(function () {
     console.log(th.state)
     console.log(th.state.specifications.length)
   }, 500)
   
 }
источник

NG

Nick Golub in React Kyiv
спасибо большое
источник

NG

Nick Golub in React Kyiv
Aleksandr Menchynskyi
Мутируешь стейт напрямую
спасибо большое
источник

NG

Nick Golub in React Kyiv
источник

NG

Nick Golub in React Kyiv
источник

LK

Leonid Kuznetsov in React Kyiv
Вопрос такой
Есть компонент Toggle
его структура следующая
<div><button><span>Hello</span></button><button><span>Wow</span></button></div>
Необходимо по клику на button получить доступ к parent div, у меня поулчилось это сделать ReactDOM.findDOMNode(event.currentTarget).parentNode
источник