typescript - “声音”类型的参数不可分配给“SetStateAction”类型的参数'

Question

我正在使用 typescript 和 expo-cli 编写一个简单的 react-native 应用程序。我已经导入了 expo-av，但在尝试播放音频时遇到了一些问题。我正在关注 [this guide][1] 但它是用 javascript 编写的，我想这就是问题所在，因为它抱怨类型。

  import { Audio } from "expo-av";
  
  export const useAudio = () => {
    const [sound, setSound] = useState();

    const playSound = async () => {
        const { sound } = await Audio.Sound.createAsync( // this line causes the error
        require("../assets/sound/ding.mp3")
      );
    setSound(sound);
    await sound.playAsync();
  }
};

[![error message][2]][2]


  [1]: https://docs.expo.dev/versions/v42.0.0/sdk/audio/
  [2]: https://i.stack.imgur.com/PqDgC.png

Answer 1

由于您将sound状态初始化为 undefined ( useState())，因此 Typescript 不允许设置sound为任何其他类型。

我建议你sound这样输入：

    const [sound, setSound] = useState<Audio.Sound|null>(null);

因此，最初sound是，null但可能会Audio.Sound根据组件的逻辑设置为另一个类型的对象。这要求您在使用其任何属性之前始终小心是否sound存在。null

例如：

sound.play() // first check if it isn't null!