Reactjs React-jss嵌套的Sass样式不起作用

我有一个应用程序，我使用v.3作为UI框架。我有一个

标签

，带有

按钮

，默认状态为

display:none

，我想在悬停在父元素上时显示该标签

我在这里简单介绍了相关部分。jsx代码如下所示：

 <div className={classes.volumeWrapper}>
    <VolumeUpIcon />
    <input
      accept="image/*"
      className={classes.fileInput}
      id="contained-button-file"
      multiple
      type="file"
    />
    <label htmlFor="contained-button-file">
      <Button
        variant="contained"
        component="span"
        className={classes.fileButton}
      >
        <AddIcon />
      </Button>
    </label>
  </div>

为什么这不起作用，我做错了什么？

或者？还是别的什么？你有推荐人吗？是框架，问题中还有一个指向codesandbox的链接，在哪里可以看到？还是别的什么？你有推荐人吗？是框架，问题中还有一个指向codesandbox的链接，您可以在这里看到

  fileInput: {
    display: "none"
  },
  volumeWrapper: {
    "& label": {
      display: "none"
    },
    "& :hover": {
      "& label": {
        display: "block"
      }
    }
  }