为什么我的折叠默认值未隐藏

Question

render() {
    var item = this.props.data
    return (
        <li key={item.id} className="faq-item-li" id={"faq-item-li-" + item.counter}>
            <h4 data-toggle="collapse" data-target={"#answer"+ item.id} >{item.title}</h4>
            <div id={"answer"+ item.id} class="collapse">{item.description}</div>
        </li>
    );
}

div part default is always shown. I want this part to be hidden first

Answer 1

尝试将class='collapse'替换为className='collapse'