如何使用样式化组件获取 onClick 的背景颜色？

Question

我正在尝试在用户单击分页中的任何页面时在 Click 上获取背景颜色。当我使用简单的 css 时，它就起作用了

         className ={currentPage === number? "selected":""}

when selected was a class in css as //.selected{background-color:red;} // 但现在我必须使用 React 样式的组件。如何达到相同的结果？

//App.tsx//

          <Button
          className ={currentPage === number? "selected":""}
          key={number}
          value={number}
        >
        </Button>

//AppStyles.ts//

  import styled from "styled-components";

  export const Button = styled.button
         `
      ????

       `

Answer 1

都一样

export const Button = styled.button`
    &.selected { background-color: red; }
`;

如何使用样式化组件获取 onClick 的背景颜色？

How to get background color onClick using styled components?

typescript

reactjs

styled-components