Question

我正在遍历对象，并使用把手显示结果表。

如果某个数字大于50，我想为一种颜色设置样式，如果小于50，我想为另一种颜色设置样式。

我对把手还很陌生，因此在弄清楚如何做逻辑时遇到麻烦。我研究了自定义帮助器，但不确定如何编写所需的自定义HTML / CSS。

谢谢！

Answer 1

输入所需的颜色作为输入对象。在定义模板之前，请根据您的编号动态设置颜色。

扩展了官方车把示例（https://handlebarsjs.com/guide/#installation）：

const tabControl = (value) => {
    setTabTracker(value);
}

const drawer = (
    <div>
      <div className={classes.toolbar} />
      <Divider />
      <List className={classes.listItemStyle}>
        {['Inbox', 'Send email', 'Drafts'].map((text, index) => (
          <ListItem button key={text} onClick={() => tabControl(text)}>
            <ListItemIcon>{index % 2 === 0 ? <InboxIcon /> : <MailIcon />}</ListItemIcon>
            <ListItemText primary={text} />
          </ListItem>
        ))}
      </List>
      <Divider />
      <List>
        {['Trash', 'Spam'].map((text, index) => (
          <ListItem button key={text} onClick={() => tabControl(text)}>
            <ListItemIcon>{index % 2 === 0 ? <InboxIcon /> : <MailIcon />}</ListItemIcon>
            <ListItemText primary={text} />
          </ListItem>
        ))}
      </List>
    </div>
  );

使用车把动态着色

1 个答案: