Я использую компоненты AntD для построения таблицы, и один из моих столбцов состоит из компонента InputNumber. Мне бы хотелось, чтобы у компонента InputNumber было значение по умолчанию, которое содержится в реквизите, который передается компоненту таблицы. Однако я не уверен, как получить доступ к реквизитам от родителя или, более конкретно, передать их компоненту InputNumber, поскольку реквизит рендеринга для столбцов существует вне компонента таблицы. Вот пример кода
import React, { Component } from 'react';
import { Table, Divider, InputNumber } from 'antd';
const pageSize = 30; // Page size to show pagination
const reqColumns = [
{
title: 'Filled',
dataIndex: 'slotFilled',
editable: false,
},
{
title: 'Required',
dataIndex: 'slotMinimum',
render: () => (
<InputNumber min={0}/>
),
},
];
export default class RequirementsTable extends Component {
render() {
return (
<div>
<Divider type="horizontal" orientation="left">
Requirements
</Divider>
<Table
rowKey="senateShortname"
bordered
dataSource={this.props.data}
columns={reqColumns}
pagination={1 > pageSize && { pageSize }}
size="small"
/>
</div>
);
}
}
Я пытался установить defaultValue = {this.props.data}
, но, конечно, это указывает на реквизиты InputNumber.