React & Bootstrap 4 Свернуть - PullRequest
Новая
       14

React & Bootstrap 4 Свернуть

0 голосов
/ 19 сентября 2018

Я импортирую: 

import Collapse from "react-bootstrap/es/Collapse";

Итак, я пытаюсь заставить мой коллапс работать в моем проекте, вот из рендера: 

<div className="card-header" >
    <a className="card-link" href='#compSci' onClick={this.toggleCollapse}>
        Computer Sciences
    </a>
</div>
<Collapse id="collapse1" isOpen = {this.state.collapse1}>
    <div className="card-body">
        <div className="row">
            {
                computerScience.map(skill => (
                    <div className="col">
                        <SkillPopover skill={skill} />
                    </div>
                ))
            }
        </div>
    </div>
</Collapse>

С коллапсом переключенияфункция, которая изменяет значения с истинного на ложное 

toggleCollapse = () => {
        this.setState({ collapse1: !this.state.collapse1 });
        console.log(this.state.collapse1)
}

Я не совсем уверен, что происходит с этим, так как при проверке с помощью отладчика он явно изменяет значения свертки значений состояния 1 между истиной иложь, но она отказалась открыть коллапс.Любая помощь будет принята с благодарностью.

РЕДАКТИРОВАТЬ Я следую руководство здесь: https://reactstrap.github.io/components/collapse/

1 Ответ

0 голосов
/ 19 сентября 2018

Так что моя трудность заключалась в том, что я не смог импортировать правильный загрузчик.Это реактивный компонент, а не реактивный загрузочный компонент.

...