html - 当变量为负数时如何更改背景颜色？

Question

当变量 totalNetworkScore 为负时，我需要将样式化 div 的背景颜色更改为红色。

标签： htmlcssreactjsif-statementconditional-statements

Answer 1

您可以使用 @emotion/core 库并执行以下操作：

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;