小编Ger*_*ann的帖子

对于某人来说，这可能是一件容易的事。在 AntD 的表单文档和演示中，他们的演示一开始没有字段。您必须单击动态表单的“+ 添加字段”按钮才能添加并显示第一个字段，如下所示。

如果我希望它从显示第一个字段开始，而不必先单击“+ 添加字段”按钮，该怎么做？似乎我需要在渲染时以某种方式调用 add 函数？无论如何，我正在寻找它在最初加载表单时向第一位乘客显示，例如在我按下“添加字段”按钮后的屏幕截图中。

换句话说，我希望始终至少有 1 名乘客。

他们的演示代码可以在上面的链接中查看，该链接可以让您直接访问他们的文档，但也在这里：

import { Form, Input, Button } from 'antd';
import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';

const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 4 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 20 },
  },
};
const formItemLayoutWithOutLabel = {
  wrapperCol: {
    xs: { span: 24, offset: 0 },
    sm: { span: 20, offset: 4 }, …

如何减少表单中两个 Form.Item 之间的空间量？

例如，在任何 antd 表单示例中，Form.Item之间的间距都是相同的，并且（在我看来）相当大。

我有一个reactjs组件，它显示一个antd表，其中一列将执行一个操作来归档该行中的项目。如果有人单击“存档”，我希望它在继续前进并存档该项目之前显示带有是/否确认的弹出确认。

一切正常，直到我添加 Popconfirm 块。然后我收到以下错误。我认为我在 popconfirm 中使用 onconfirm 和 oncancel 有问题，但我只是在这里没有得到一些可能显而易见的东西。感谢任何反馈！

import React, { Component } from 'react';
import { connect } from 'react-redux';
import selectProperties from '../selectors/properties';
import { Table, Tag, Divider, Popconfirm, message } from 'antd';

export class PropertyList extends React.Component {
  constructor(){
    super();

    this.columns = [
      {
        title: 'Address',
        dataIndex: 'street',
        key: 'street',
        render: text => <a>{text}</a>,
      },
      {
        title: 'City',
        dataIndex: 'city',
        key: 'city',
      },
      {
        title: 'State',
        dataIndex: 'state',
        key: 'state',
      },
      {
        title: 'Workflow',
        key: …