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

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部分默认值。我希望首先隐藏这部分

Answer 1

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