React JavaScript 如何优化这个 if / or 语句

Question

你有更好的方法来创建这个if/elseif句子吗？ if ((navigator.userAgent.indexOf('Opera') || navigator.userAgent.indexOf('OPR')) != -1) {      this.state.isBrowserAllowed = true;    } else if (navigator.userAgent.indexOf('Chrome') != -1) {      this.state.isBrowserAllowed = true;    } else if (navigator.userAgent.indexOf('Safari') != -1) {      this.state.isBrowserAllowed = true;    } else if (navigator.userAgent.indexOf('Firefox') != -1) {      this.state.isBrowserAllowed = true;    }

Answer 1

我会改用正则表达式。

this.setState({
  ...this.state,
    isBrowserAllowed: /Opera|OPR|Chrome|Safari|Firefox/.test(navigator.userAgent)
});

此外，正如评论所指出的，状态不应在 React 中发生变化 -setState而是使用。