How to: React Table with Double Click

In this tutorial, I want to show you how to use React Table Library with double click on a row. In the previous example, you have already installed React Table Library to create a table component. By example, a row single click is enabled the following way:

<Row
  key={item.id}
  item={item}
  onClick={(node, event) =>
    console.log('Click Row', node, event)
  }
>

In contrast, a double click on a row can be achieved this way:

<Row
  key={item.id}
  item={item}
  onDoubleClick={(node, event) =>
    console.log('Double Click Row', node, event)
  }
>

Keep in mind that enabling a double click on a row will lead to a slight delay in the row select (if used), because the table waits for a certain time until it confirms a click as a single click, because a double click could still happen.