在 AntD InputNumber 組件中接收 defaultValue 作為 prop

Question

我正在使用 AntD 組件來構建一個表，其中一列由 InputNumber 組件組成。 我希望 InputNumber 組件具有包含在傳遞給 table 組件的 prop 中的默認值。 但是，我不確定如何從父級訪問道具，或者更具體地說，將它們傳遞給 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 的道具。

Answer 1

AntD 表已經嘗試將值傳遞給單元格。 解決辦法很簡單。

  {
    title: 'Required',
    dataIndex: 'slotMinimum',
    render: (value) => (
        <InputNumber min={0} defaultValue={value}/>
    ),
  },