Как по клику можно сделать раскрывающийся блок?

Question

[0348raven]

class CompanyPage extends React.Component {
    static propTypes = {
        dispatch: PropTypes.func.isRequired
    };

constructor(props) {
        super(props);

        this.state = {
            info: {
                display: 'none !important'
            }
        };
    }

onBtnClickHandler(e) {
    e.preventDefault();

        var block = document.querySelector('.selected-company-info__text');

        block.setState({
            info: { display: 'block !important' }
        });

    }

render () {
        const {
            props: {   },
            state: { info }
            } = this;

const style = {
            info: {
                block: info.block
            }
        };

return(
<a
                        href="javascript://"
                        className="button button--white button--center"
                        onClick={this.onBtnClickHandler}>
                        УЗНАТЬ БОЛЬШЕ О ...
                    </a>
                </div>
                <div style={style.block} className="selected-company-info__text visible-tablet disable-mobile">
                    some text
                </div>
);

}

}

export default CompanyPage;

Привожу пример компонента, react только начинаю изучать, поэтому могут ошибки разного рода. Прошу на них указать и дать пример другой реализации данного момента.

Comments

[0348raven]

Антон Измайлов "Cannot read property 'setState' of null" - таки ругается

[Антон Измайлов]

Конструктор с супером дописали?
constructor(props) {
super(props);
}

[0348raven]

Антон Измайлов: Ах да, простите(((

Answer 1

[Антон Измайлов]

Ох госпаде.

componentWillMount() {
this.setState({buttonToggle: true})
}

handleClick() {
this.setState({buttonToggle: !this.state.buttonToggle})
}

render() {
.....
<div style={{display: (this.state.buttonToggle ? 'block' : 'none')}}></div>
....
}

Ну и собственно зачем document.querySelector там где это не надо и вложенность стилей странная у вас, запутаетесь же

Comments

[0348raven]

Пардон, я с вложенностью стилей что не так?
P.S. Думаю мне это пригодится.