javascript - 如何将 props 传递给作为值传递的组件

Question

这是我的代码场景

const components = {
    body: {
      row: EditableFormRow,
      cell: EditableCell,
    },
  };

我正在另一个组件中使用组件，如下所示。

<CustomTable
    columns={updatedcolumns}
    dataSource={dataSource}
    components={components}
    rowClassName={() => 'editable-row'}
    bordered
    size="middle"
    pagination={false}
    // scroll={{ x: '130%', y: 240 }}
  />

我想将一个 prop 传递给 EditableCell，它是另一个文件中定义的组件。当我执行以下操作时，它给了我错误

const components = {
    body: {
      row: EditableFormRow,
      cell: <EditableCell type="text"/>,
    },
  };

我不知道如何传递 Prop 。请帮忙。

Answer 1

您需要将组件包装在函数中:

  cell: () => <EditableCell type="text"/>,