score:0

Accepted answer

you could try a ternary operator to set conditional classes.

:class="{{totalnetworkscore ? 'green' : 'red'}}"

in css:

.green {
    background: green;
}

.red {
    background: red;
}

score:0

you can use the @emotion/core library and do something like this:

import { css } from "@emotion/core";
import react from "react";

checknegative = counter => {
  if (counter) {
    return css`
      background: green;
    `;
  }
};

class component extends react.component {
  state = { counter: -1 };
  render() {
    return <div css={checknegative(this.state.counter)}>some text</div>;
  }
}

export default component;

Related Query

More Query from same tag