Question

我是React的新手，我刚开始使用React-Table。

我注意到在React-Table中，当我们定义columns数组时，column对象具有Header，accessor，maxWidth，minResizeWidth，headerStyle，Cell等。

Header和Cell为大写，但其余属性遵循驼峰式惯例。

这有更深层的含义吗？还是只是一个错误？

例如：

var reverse = function(x) {
  var stack = [];
  var number;
  for (var i = 0; i < x.length; i++) {
    stack.push(x);
  }

  while (stack.length > 0) {
    number += stack.pop();
  }

  return number;
};

console.log(reverse(123));

Answer 1

您提到的属性在React-Table中称为 renderers 。如React-Table documentation中所述，这些渲染器可以是以下之一：

React类
JSX或任何呈现的React组件
无状态功能组件
返回任何原语的函数

并且因为它们可以是用户定义的组件，所以它们必须是大写的，因为以小写字母开头的元素是指JSX中的内置组件。我建议您看一下有关JSX组件的React文档中的this part，以便更好地进行说明。

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

1 个答案: