如何在样式组件中交换图像url？

import styled from 'styled-components';

const StyledComponent = styled.div`
  background-image: url('path/to/default-image.jpg');
`;

export default StyledComponent;

import styled from 'styled-components';

const StyledComponent = styled.div`
  background-image: url('path/to/default-image.jpg');

  &:hover {
    background-image: url('path/to/hover-image.jpg');
  }
`;

export default StyledComponent;

import styled from 'styled-components';

const StyledComponent = styled.div`
  background-image: url(${props => props.isActive ? 'path/to/active-image.jpg' : 'path/to/default-image.jpg'});
`;

export default StyledComponent;