reactjs - 如何在反应应用程序中设置锚标记的样式

Question

我正在开发一个反应应用程序并尝试像下面那样设置锚的样式。我无法做到这一点。不应用红色。我该如何设计这个？

JS

function styles({ palette }: Theme) {
  return {
    anchorStyle: {
      color: "red",
    },
  };
}

JSX

<Anchor onClick={() => checkView()} className={classes.anchorStyle}>
  {!myUser ? "First view" : "Second view"}
</Anchor>;