Update state for function that relies on if statement in ReactJs

user_9179833 0
Viewed 33

Is it the best way to write the code below or i have to do better!

toggleListen() {
    if (recognition !== null) {
        this.setState({
            listening: !this.state.listening
        }, this.handleListen)
    } else {
        this.setState({
            microAvailable: !this.state.microAvailable
        }, this.handleListen)
    }
}
reactjs javascript
1 Answers

Yes, you can conditionally set the listening or microAvailable properties depend on recognition !== null

function toggleListen() {
    this.setState(
        {
            ...(recognition !== null
                ? {
                      listening: !this.state.listening,
                  }
                : {
                      microAvailable: !this.state.microAvailable,
                  }),
        },
        this.handleListen
    );
}
user_118879020
Related