使用 React.js 时未定义 Web Speech API SpeechRecognition

Question

我将 React.js 与 Web Speech API 的 SpeechRecognition 一起使用，但是它不起作用，并且收到错误“ReferenceError：SpeechRecognition 未定义”。我使用的代码直接来自 SpeechRecognition 文档：

const SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
const recognition = new SpeechRecognition();

第一行会导致错误，但如果没有它，第二行也会导致相同的错误。我怎样才能解决这个问题？

Answer 1

尝试window.SpeechRecognition || window.webkitSpeechRecognition;

请参阅使用 Web Speech API以进一步解释为什么需要window.前缀。