@fataliity

Как менять стили в зависимости от стейта в React?

Использую styled-components и react, при нажатии на кнопку нужно менять её стили, вот пример https://codesandbox.io/s/ry52xp992m.
  • Вопрос задан
  • 540 просмотров
Решения вопроса 2
rockon404
@rockon404 Куратор тега React
Frontend Developer
render() {
  const { isSelected } = this.state;
  const content = isSelected ? '1' : '0';

  return (
    <App>
      <Button
        onClick={this.handleClick}
        isSelected={isSelected}
      >
        Button
      </Button>
      <p>{content}</p>
    </App>
  );
}


В примере div.App заменен на StyledComponent App
Ответ написан
0xD34F
@0xD34F Куратор тега React
Так вы уже почти всё сделали сами... просто передавайте в кнопку isSelected, типа так.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы