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

Question

[Никита]

Использую styled-components и react, при нажатии на кнопку нужно менять её стили, вот пример https://codesandbox.io/s/ry52xp992m.

Answer 1

[Антон Спирин]

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

Comments

[Никита]

Большое спасибо!

Answer 2

[0xD34F]

Так вы уже почти всё сделали сами... просто передавайте в кнопку isSelected, типа так.

Comments

[Никита]

Большое спасибо!