Dropdowns after init

App.jsx

import JQueryTypeDropdown from './JQueryTypeDropdown.jsx'
import FoundationTypeDropdown from './FoundationTypeDropdown.jsx'

const App = () => {
  return (
    <div>
      <JQueryTypeDropdown />
      <FoundationTypeDropdown />
    </div>
  );
}

export default App

FoundationTypeDropdown.jsx

export default class FoundationTypeDropdown extends React.component {
  componentDidMount() {
    $(document).foundation('dropdown', 'reflow')
    
    // or maybe $(document).foundation()
  }
  
  render() {
    return (
      <div class="some-foundation-dropdown-class" />
    )
  }
}

JQueryTypeDropdown.jsx

export default class JQueryTypeDropdown extends React.component {
  componentDidMount() {
    $.someDropdownPlugin(this.dropdownEl)
  }
  
  render() {
    return (
      <div ref={(el) => this.dropdownEl = el} />
    )
  }
}