将附加道具添加到作为道具传递的组件中

Question

我在react-redux应用程序中使用React Table和React Custom Scrollbars。要连接这两个，我需要覆盖反应表中的TbodyComponent，这样我就可以用滚动条包装默认的tbody组件并传递额外的道具来调整渲染。这是一些精简代码：

PLANS
Id
PlanTypeId
UserId (nullable)
Name
IsTemplate (bit, you might want to set default to 1 or 0 here)

我猜我不理解在TbodyComponent属性，props.children或其他东西中传递组件的正确方法。这种方法最终会永远循环。

在这个例子中，我怎样才能让autoHeight道具通过？

更新：使用createElement和cloneElement进行实验，但仍然收到130错误。

Answer 1

有没有理由说这不起作用？

TbodyComponent={<TableBody autoHeight={props.autoHeight} />}

另外，我认为你不需要传递props.children - 这应该是默认情况下发生的。

作为参考，我在这里查看了类似问题的答案：https://stackoverflow.com/a/39655113/8060919

Answer 2

解决方法是将TableBody无状态组件转换为完整组件，即

class TableBody extends React.Component {

而不是

const TableBody = props => {

这就是React-Table所期待的。

Answer 3

尝试

<ReactTable TbodyComponent={v => <DropTbody test={null} />}