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