Bootstrap collapse with react js

reactjs twitter-bootstrap bootstrap-5
François Richard picture François Richard · Jan 7, 2015 · Viewed 30.3k times · Source

Hi I'm trying to use bootstrap collapse inside a react view and it's not working. It's very simple but I don't understand what's going on. 

return (<div>
    <button className="btn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="true" aria-controls="collapseExample">
        ButtonClickthis!
    </button>
    <div className="collapse" id="collapseExample">
        <div className="well">
            ...blablablacontent
        </div>
    </div>
</div>);

Answer

Brigand picture Brigand · Jan 8, 2015

Bootstrap will not work out of the box for react components, since it parses the DOM on load and attaches event listeners etc. You can try something like react-bootstrap or manually triggering inside the componentDidMount lifecycle.

– David

Related questions

to call onChange event after pressing Enter key

I am new to Bootstrap and stuck with this problem. I have an input field and as soon as I enter just one digit, the function from onChange is called, but I want it to be called when I push …

Read More
How to include bootstrap css and js in reactjs app?

I am newb to reactjs, I want to include bootstrap in my react app I have installed bootstrap by npm install bootstrap --save Now, want to load bootstrap css and js in my react app. I am using webpack. webpack.…

Read More
Bootstrap modal in React.js

I need to open a Bootstrap Modal from clicking on a button in a Bootstrap navbar and other places (to show data for a component instance, ie. providing "editing" functionality), but I don't know how to accomplish this. Here is …

Read More