bootstrap data-toggle and data-target

[prasadmes]

Why does the data-target and data-toggle wont work when i use it with react.

Heres a sample code which am facing issue with

<div c;lassName="dropdown"> 
    <span className="dropdown-toggle" data-toggle="collapse" data-target="#target">Toggle Dropdown</span>
    <ul id="target" className="collapse">
        <li><a href="#"><i className="fa fa-bar-chart"></i><span className="menuName">Options</span></a></li>
    </ul>
</div>