React Scroll Spy库（organism-react-scroll-nav）无法正常工作

Question

我是React.js中的一只新蜜蜂，正在尝试使用此包（https://www.npmjs.com/package/organism-react-scroll-nav）设计导航。对于我的项目，我需要自定义一个函数（MenuItem）。我这样做的

const Styles = {
  active: {
    height: '50px',
    width: '20px',
    color: 'blue',
    display: 'flex',
    justifyContent: 'center',
    flexWrap: 'wrap',
    hover: {
      border: '1px solid red',
    },
  },
}

class MenuItem extends Component {
  render() {
    const { targetInfo, style, ...reset } = this.props
    let activeStyle = null
    if (targetInfo.active) {
      activeStyle = Styles.active
    }
    return (
      <div
        style={{
          ...activeStyle,
        }}
        {...reset}
      />
    )
  }
}

有人可以帮忙吗？ 预先感谢您：D快乐编码：D