调用const时组件未将props传递给同一文件中的其他组件

我正在尝试将道具从一个组件传递到另一个组件。中的index属性SortableSectionList似乎并未传递给SortableSection。请参阅下面的控制台输出。

Index in SortableSectionList: 0
Index in SortableSectionList: 1
(2) Index in SortableSection: undefined

其他属性，如menuSection获得通过就好了。请参阅下面的完整代码。任何帮助表示赞赏，谢谢！

import React from 'react'
import MenuSection from './MenuSection'
import { SortableContainer, SortableElement } from 'react-sortable-hoc'

class MenuSections extends React.Component {
  render() {
    const menuSections = this.props.menuSections

    const SortableSectionList = SortableContainer(({ menuSections, onSectionSortEnd }) => (
      <div>
        {menuSections.map(function(menuSection, index) {
          console.log('Index in SortableSectionList: ' + index)
          return (
            <SortableSection
              collection="section"
              key={`item-${menuSection.id}`}
              menuSection={menuSection}
              index={index}
              menuItems={menuSection.menuItems}
              onSortEnd={onSectionSortEnd}
            />
          )
        })}
      </div>
    ))

    const SortableSection = SortableElement(({ menuSection, index, menuItems, onSortEnd }) => {
      console.log('Index in SortableSection: '+index)

      return (
        <MenuSection
          key={menuSection.id}
          menuSection={menuSection}
          index={index}
          menuItems={menuItems}
          onSortEnd={onSortEnd}
        />
      )
    })

    return (
      <div>
        <SortableSectionList
          menuSections={this.props.menuSections}
          lockAxis="y"
          lockToContainerEdges
          onSortEnd={this.props.onSortEnd}
          onSectionSortEnd={this.props.onSectionSortEnd}
        />
      </div>
    )
  }
}

export default MenuSections