Question

js中的一个基本问题，我有像这样使用react-tabs的标签：

<Tabs>
<TabList>
  <Tab onClick={() =>this.handleSelect(0)} >Travels</Tab>

  <Tab id="detailstrvID" onClick={() =>this.handleSelect(1)}>Traveil details</Tab>

</TabList>

</TabPanel>
<TabPanel>
 <p>
     test
 </p>
</TabPanel>

我想从外部按钮触发点击事件，此事件允许动态切换标签

我尝试过像这样的电话，但是没有工作：

   let tab =  $('#detailstrvID');
   console.log('tab '+tab)
   tab.click(function () {
    alert('jQuery.click()');
    return true;
   });

我的需求如下：React- Active next tab while clicking button

由于

Answer 1

以下是如何使用onKeyDown

处理Tab按键的完整示例

   <input type="text" onKeyDown={this.onKeyPress} placeholder='press Tab'/>

然后

  onKeyPress = (e) => {
      if (e.keyCode === 9) {
        e.preventDefault();
        return alert('Tab pressed')
      }
}

Working Demo

在TAB上触发单击事件

1 个答案: