How to make use of an Ant Select dropdown in code?

Developer Support
1

Trying to use antd dropdown to implement a category search. Having some options with different keys. Connected value to a prop. In code, when I set value, it gets shown on the front end. But onChange does not get triggered. I don’t understand how to get the current state of antd menus and selectors. Please, help. Thank you

image.png

image.png

image.png

2

Hi @dangerous_beetle, you can directly address named elements

<ERCExplorer
  category={{
    value: value,
    onChange: onChange
  }}
/>

You can also just change the ERCExplorer component itself to have the interface you want:

function ERCExplorer(props) {
  return <PlasmicERCExplorer
    ...
    category={{
      value: props.selection,
      onChange: props.onChange,
    }}
  />
}

Let me know if that helps!

3

Thank you so much for your reply! The menu now works perfectly! The more I learn Plasmic the more I like it. No doubt this builder will change web development in the following years.