Reactjs 如何将索引传递到行渲染器？

我尝试渲染一个可拖动列表，但一切似乎都很好，只是我不知道如何将“索引”传递到行渲染器中

如果我执行了

rowRenderer=props=>

，则成功地传递了

索引

但如果我这样做：

const SortableRow=SortableElement（行）

rowRenderer=props=>

索引以某种方式被阻止，无法传递到

基本上，我不明白用HOC包装
组件时会出现什么问题？为什么有些道具可以通过，而其他道具不能通过？
将索引复制到不同的自定义道具中

rowRenderer = props => {
  console.log(props.index);
  return <SortableRow {...props} indexCopy={props.index} />;
};

rowRenderer=props=>{
控制台日志（道具索引）；
返回；
};

然后，在子组件内部，改为引用此自定义道具

const Row = ({ indexCopy , style }) => {
  console.log(indexCopy);
  return (
    <div style={style}>
      <span>drag</span>
      <input placeholder={'haha'} />
      <span>index={indexCopy || 'undefined'}</span>
    </div>
  );
};

const行=（{indexCopy，style}）=>{
console.log（indexCopy）；
返回(
拖曳
索引={indexCopy | |'未定义'}
);
};

我不太熟悉HOCs，但我怀疑
react-sortable hoc
库正在剥离隐式
索引
和
键
值。但是，只要你把它们复制到他们自己的定制道具中，你就应该没事。
嗨，在你做这件事的时候还有一个问题。