React js: initialize ZURB Foundation JS

Question

I am developing a web application with React and Foundation.

Foundation js is initialized by adding $(document).foundation(); .

Any idea how I can initialize my react application with foundation js?

Answer 1

Using the (jQuery based) Foundation JavaScript can lead to a lot of issues.

It's commonly easy to use libraries like react-foundation .

Answer 2

One solution that worked for me is initialize foundation using componentDidMount() function.

class RSAccordion extends React.Component {
    componentDidMount() {
      $(document).foundation()
    }
    render() {
      return (
          //     Your
          //     HTML
          //     Here
      )
    }
  }

This way foundation js is initialized every time the code is rendered.