Привет, подскажите пожалуйста. Передаю данные с инпутов в разных child'ах

Есть несколько child'ов, внутри которых таблица и по клику на строку заполняются инпуты, часть кода: return ( <Row> <Col lg={24} md={24} sm={24} > <Input value={rowValue} style={{ marginLeft: '8px' }} /> <Table dataSource={tableTypeDocDocuments} columns={columns} onRow={record => { return { onClick: () => { this.onClickRow(record); this.props.updateData(record.ID); } }} /> </Col> </Row> в родителе создаю функцию для передачи данных updateData = (data) => { this.setState({ componentData: data }) } и передаю в компонент <Component updateData={this.updateData} /> так вот, нужно такие функции создавать под каждый child, которых не мало или можно как-то сократить?

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
Есть несколько child'ов, внутри которых таблица и ...

В updateData ты можешь аргументом передавать не только данные но и мета информацию, с какого чайлда пришла инфа

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
В updateData ты можешь аргументом передавать не то...

даже не сталкивался с таким, что включает в себя мета информацию? что-то загуглил не нашел ответа, либо не правильно понял

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
даже не сталкивался с таким, что включает в себя м...

updateData = ({ name, data }) => { this.setState({ componentData: {...this.state.componentData, [name]: data} }) } Мета информация это общий термин. В примере выше параметр data - данные, name - метаданные

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
updateData = ({ name, data }) => { this.se...

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

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
понял, в метаданных я могу передать любой признак,...

Зависит от вашего кейса, который я так и непонял, но вцелом да

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
Зависит от вашего кейса, который я так и непонял, ...

но все равно не понял, как эти данные не будут перезаписываться, если использовать одну функцию? если я передаю данные с одного компонента в родитель, после с другого, они же перезапишутся?

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
но все равно не понял, как эти данные не будут пер...

Делайте песочницу рабочую и будем разбираться, а так мы просто сотрясаем воздух безсмысленно

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
Делайте песочницу рабочую и будем разбираться, а ...

https://codesandbox.io/s/hardcore-worker-xjiek?file=/src/App.js

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
https://codesandbox.io/s/hardcore-worker-xjiek?fil...

Зачем ты разделил firstcomponent и секонд? Это один и тот же копонент с разными данными

0

17.11.2020

Dmitriy Shuleshov

Eugene Stepanyuk
https://codesandbox.io/s/hardcore-worker-xjiek?fil...

https://codesandbox.io/s/eager-chatelet-uxtel?file=/src/App.js

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
Зачем ты разделил firstcomponent и секонд? Это од...

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

0

17.11.2020

Eugene Stepanyuk Автор вопроса

Dmitriy Shuleshov
https://codesandbox.io/s/eager-chatelet-uxtel?file...

тююю) там обьект принимало, а я два параметра передаю, ох уж эта невнимательность, спасибо!

0

17.11.2020

Dmitriy Shuleshov · Accepted Answer

Dmitriy Shuleshov

Можно как то сократить

0

17.11.2020

169 похожих чатов

Привет, подскажите пожалуйста. Передаю данные с инпутов в разных child'ах

16 ответов

Похожие вопросы