Привет, у меня есть компонент, текст в котором меняется в

Question

Привет, у меня есть компонент, текст в котором меняется в

зависимости от внутреннего состояния

т.е. выглядит это примерно так state = {
selected: false
}

handleClick = () => {}

render() {
const text = this.state.selected
? 'privet poka'
: 'нажмите КУПИТЬ, чтобы купить'

return <p>{text}</p>
}

Цель: повесить на КУПИТЬ обработчик события, возможно ли это? или придется создавать отдельный компонент реализующий данную логику?

#frontend #javascript #programming #react.js #russian

0

21.03.2019

1 ответов

10 просмотров

Егор Живагин · Accepted Answer

Егор Живагин

Возможно, конечно Вариант 1, такой себе: Повесить onClick на этот же p, в самом хэндлере делать проверку this.state.selected. Вариант 2, более правильный: render() { const { selected } = this.state; return (selected ? <p>privet poka</p> : <button onClick={this.handleClick}> КУПИТЬ </button> )}

0

21.03.2019

169 похожих чатов

Привет, у меня есть компонент, текст в котором меняется в

1 ответов

Похожие вопросы