javascript - 如何在 onclick 中针对特定值进行 react

Question

我创建了一个选项具有多个值，当我单击此堆肥 Material 时，我想恢复此特定值，但目前它仅显示未定义我想恢复“值(value)”

但是，当我在 onclick 方法之外创建 console.log 时，我会看到显示的值

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.5.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.5.0/umd/react-dom.production.min.js"></script>
      
chooseDay = (e) => {
  console.log('this value is',e.target.value)
}

  <li type='button' onClick={this.chooseDay} className='days'
            value = "2020-24-04" >
             Mon
            <small>24/04</small>
        </li>

预期结果:该值为:'2020-24.04'；

但目前:未定义

Answer 1

您可以尝试使用e.currentTarget.value，而不是使用e.target.value，如 currentTarget始终引用已附加事件处理程序的元素，而不是 e.target，后者标识发生事件的元素并且可能是其后代元素。

chooseDay = (e) => {
    console.log('this value is', e.currentTarget.value)
}