如何将zurb基础滑块包装为react组件并处理单击负值的问题

Question

我正在尝试将zurb-foundation滑块包装为react组件。这是一个有效的示例https://codepen.io/altras/pen/oyKPJG?editors=0010

不幸的是，我不明白如何在事件监听器中处理负值：

$('.slider').on('changed.zf.slider', e => {
  let sliderVal = parseInt(
    e.target.firstChild.attributes.getNamedItem('aria-valuenow').value,
    10,
  )
  this.setState({ pleasantnessLevel: sliderVal })
})

如果您查看代码笔示例，则可以在单击negative values the slider is moving with an offset by 1 to the right

时看到

如何将zurb-Foundation滑块包装为React组件？