Запретить определенным браузерам доступ к моему приложению

Question

ищет некоторый код, который я мог бы добавить в свое приложениеactjs, которое будет сообщать пользователям об ошибке при доступе к моему приложению с помощью Firefox .... Что-то вроде типа браузера не поддерживается.

import './App.css';
import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'react-router-dom';
import Home from './components/Home';
import Test from './components/Test';
import Test1 from './components/Test1';

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <Navbar />
          <Switch>
            <Route exact path="/" component={Home} /> <Route exact path="/home" component={Home} /> <Route exact path="/test" component={Test} /> <Route exact path="/test1" component={Test1} />
            <Route component={NoMatch} />
          </Switch>
        </div>
      </Router>
    );
  }
}
export default App;

В сети я вижу некоторые биты, но я не уверен, где, если нужно добавить в мой app.jsx или мой index.html или index.jsx ......

Ищете кого-то, кто может иметь пример для меня

Answer 1

попробуйте

import './App.css';
import { BrowserRouter as Router, Route, Link, Switch, Redirect } from 'react-router-dom';
import Home from './components/Home';
import Test from './components/Test';
import Test1 from './components/Test1';

class App extends Component {

  render() {
  if(navigator.userAgent.indexOf("Firefox") > 0) {
      return <div>Browser not supported </div>
    }
    return (
      <Router>
        <div>
          <Navbar />
          <Switch>
            <Route exact path="/" component={Home} /> <Route exact path="/home" component={Home} /> <Route exact path="/test" component={Test} /> <Route exact path="/test1" component={Test1} />
            <Route component={NoMatch} />
          </Switch>
        </div>
      </Router>
    );
  }
}
export default App;