单击下拉按钮时传递数据

Question

我正在使用 React，我正在制作一个彩票应用程序，我的应用程序使用 RestAPI 每周六加载数据。

我有一个包含不同日期的下拉菜单，我想在您单击按钮时传递日期，但我不知道如何在您单击它时像参数一样传递日期

<div className="btn-group">
 <div className="dropdown">
   <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" 
   data-bs-display="static" aria-expanded="false">
    Sorteos Anteriores
   </button>
    <ul className="dropdown-menu" aria-labelledby="dropdownMenuLink">
          {PrevDraws.map((index, i) => (
        <li> 
          <button obj={index} key={i} className="dropdown-item" type="button">       
            {PrevDraws[i]}
          </button>
        </li>
      ))}
    </ul>
  </div>
</div>

Answer 1

你可以在onClick中调用你的函数

 <button obj={index} key={i} className="dropdown-item" type="button" 
 onClick={()=>{console.log(PrevDraws[i])}} >       

 {PrevDraws[i]}

 </button>

单击下拉按钮时传递数据

passing data when click dropdown button

javascript

jsx

reactjs