Отображение кнопок React-md

Question

Кто-нибудь знает, как создать кнопку с помощью response-md на реагировать js?Назначение кнопки - если вы нажмете одну из них, она станет синей, а другая отключена и станет серой.У вас есть подобные примеры или вы могли бы указать учебники по этому поводу?

Answer 1

Вы можете сделать это следующим образом: 1. Создайте событие onClick для своей кнопки:

handleClick(){
this.setState({isClick: true})
}

При рендеринге вы можете создать объект для стиля:

Const buttonStyle = this.state.isClick? style.active : style.disable;

Создание стиля объекта для вашей кнопки:

const style = { active: //css here, disable: //css here }

Примените этот buttonStyle к компоненту:

<Button style={buttonStyle}> </Button>