Javascript “正在通过”；道具；道具对象之外的反模式？

我正在使用

AntD

组件。当我生成列时，我希望将自定义道具传递给我的单元格，而这些单元格不属于我输入表的数据的一部分。可以是主题、调色板、布局设置等

每一列都由一个对象表示，并有一个

render

方法。AntD迭代行和列，并传递该行的

记录

，以由给定的

单元格

呈现

{
   ... // keys like `key`, `title`, `dataIndex` ...
   render: (record) => {...}
}

而不是像这样直接将额外的道具传递给组件本身：

{
   ... // keys like `key`, `title`, `dataIndex` ...
   render: (record) => <MyCell {...record} extraProp={extraProp} extraProp2={extraProp2} />
}

{
   ... // keys like `key`, `title`, `dataIndex` ...
   render: MyCell(extraProp, extraProp2)
}

其中，迈塞尔的定义为：

const MyCell = (extrProp, extraProp2) => props => {...}

我应该坚持使用常规道具吗？或者，如果我像这样把多余的道具传给别人可以吗

它会导致糟糕的性能吗？将来它会咬我，让我很难追踪虫子吗

---

谢谢

两种方法略有不同

// It isn't a functional component, 
// it's curried function which returns a functional component
const generateMyCell = (extrProp, extraProp2) => props => {...}

//   ^ naming it MyCell is misleading.

主要区别在于，额外的道具（

extraProp-x

）在使用功能时是动态的，在使用功能组件时是静态的：

//                     v The extra props are static, they won't change
render: record => (
  <MyCell {...record} extraProp={extraProp} extraProp2={extraProp2} />
);

//         v The developer shows intetation that props may change
render: generateMyCell(extraProp, extraProp2)

---

两种方法略有不同

// It isn't a functional component, 
// it's curried function which returns a functional component
const generateMyCell = (extrProp, extraProp2) => props => {...}

//   ^ naming it MyCell is misleading.

主要区别在于，额外的道具（

extraProp-x

）在使用功能时是动态的，在使用功能组件时是静态的：

//                     v The extra props are static, they won't change
render: record => (
  <MyCell {...record} extraProp={extraProp} extraProp2={extraProp2} />
);

//         v The developer shows intetation that props may change
render: generateMyCell(extraProp, extraProp2)