为什么反应组件内部的功能不起作用？

Question

我有一个反应组件，我在其中使用语音识别来检测语音到文本，我在组件内部初始化了识别功能，但由于某种原因它们给出了错误。有人可以帮我修一下吗？

const speechRecognition = window.speechRecognition || window.webkitSpeechRecognition;
const recognition=new speechRecognition()


class Editor extends Component {
   
state = {
        lang: "cpp17",
        mode: "clike",
        value: `
#include <iostream>
using namespace std;

int main() {
    int x=10;
    cin>>x;
    cout<<x;
}
        `,
    };
    url="https://cors-anywhere.herokuapp.com/https://api.jdoodle.com/v1/execute"
    recognition.onstart=()=>function()
{
    console.log("speak now")
}
recognition.onresult=()=>function(event){
    const current=event.resultIndex;
    const transcript=event.results[current][0].transcript;
    this.setState({value:this.state.value+transcript})
}

recognition.onstart 和recognition.onresult 函数都出现语法错误。如何解决？

Answer 1

回调函数：

() => {}

已经是一种函数了——不需要加上function关键字。

您可以像这样将您的功能逻辑放在{} 中：

recognition.onstart = () => {
    console.log("speak now")
}
recognition.onresult = () => {
    const current=event.resultIndex;
    const transcript=event.results[current][0].transcript;
    this.setState({value:this.state.value+transcript})
}