Debounce logic in Text Input component

Plasmic Studio Questions
2

To store the debounced value of the TextInput in $state.searchValue, you can:

  1. Create a new state variable called timerId
  2. In TextInput’s onChange interaction, add a Run code action, and use the code below:
clearTimeout($state.timerId);

$state.timerId = setTimeout(() => {
  $state.searchValue = val;
}, 1000)

The searchValue will be denounced by 1000ms.