当使用覆盖其他组件样式的react-planet时，组件中有多个jss

import React from 'react';
import { Planet } from 'react-planet';
import { createUseStyles } from 'react-jss';

const useStyles = createUseStyles({
  planet: {
    // 自定义星球的样式
    // ...
  },
  planetButton: {
    // 自定义星球按钮的样式
    // ...
  },
  // 其他自定义样式
  // ...
});

const MyComponent = () => {
  const classes = useStyles();

  return (
    <Planet
      className={classes.planet}
      centerContent={<div>中心内容</div>}
      open
    >
      <Planet.Button className={classes.planetButton}>
        按钮1
      </Planet.Button>
      <Planet.Button className={classes.planetButton}>
        按钮2
      </Planet.Button>
      {/* 其他星球按钮 */}
    </Planet>
  );
};

export default MyComponent;