Получите defaultValue как пропеллер в компоненте AntD InputNumber - PullRequest
0 голосов
/ 07 февраля 2020

Я использую компоненты 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.

1 Ответ

0 голосов
/ 07 февраля 2020

Таблица AntD уже пыталась передать значение в ячейку. Решение было довольно простым.

  {
    title: 'Required',
    dataIndex: 'slotMinimum',
    render: (value) => (
        <InputNumber min={0} defaultValue={value}/>
    ),
  },
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...