为什么React Table列数组对象同时具有camelCasing和PascalCasing

Question

我是新的反应，我刚刚开始使用反应表。

我注意到，在React Table中，当我们定义列数组时，列对象有标头、访问器、maxWidth、minResizeWidth、headerStyle、Cell等。

标头和单元格大写，但其余属性遵循骆驼大小写约定。

这是有更深的意义，还是它只是一个错误？

例如：

const columns = [
  {
    Header: 'Store',
    accessor: 'storeName',
    minResizeWidth: 50,
    headerStyle: { textAlign: 'left' },
  },
  {
    Header: 'Current Rate',
    accessor: 'rate',
    maxWidth: 120,
  },
  {
    Header: 'Effective From',
    accessor: 'fromDate',
    Cell: renderDateCell,
    maxWidth: 120,
  },
];

Answer 1

您提到的属性称为React中的呈现器。正如React表格文件中所提到的，这些渲染器可以是以下内容之一：

• 反应类
• JSX或任何呈现的反应性组件
• 无状态功能部件
• 函数返回任何原语。

因为它们可以是用户定义的组件，所以它们需要大写，因为以小写字母开头的元素指的是JSX中内置的组件。我建议您查看关于JSX组件的React文档的这部分，以获得更好的澄清。