Styjun

Why are MBA programs closing in the United States?

Fermat's statement about the ancients: How serious was he?

Smart-expansion of a range to a list of numbers

Printing Pascal’s triangle for n number of rows in Python

How to learn Linux system internals

Teaching a class likely meant to inflate the GPA of student athletes

Place the adverb before or after "to"?

How can I protect this exterior outlet from water and prevent smoke leakage to the interior?

How to “listen” to existing circuit

Separate SPI data

Has there been a multiethnic Star Trek character?

Is there a set of positive integers of density 1 which contains no infinite arithmetic progression?

How can I use String in enum for Apex?

How to trick the reader into thinking they're following a redshirt instead of the protagonist?

Advantages of the Exponential Family: why should we study it and use it?

Is it possible for a vehicle to be manufactured without a catalytic converter?

Why is long-term living in Almost-Earth causing severe health problems?

Is using 'echo' to display attacker-controlled data on the terminal dangerous?

Which is the better way to call a method that is only available to one class that implements an interface but not the other one?

Can the removal of a duty-free sales trolley result in a measurable reduction in emissions?

What are some really overused phrases in French that are common nowadays?

Electricity free spaceship

If I leave the US through an airport, do I have to return through the same airport?

Ability To Change Root User Password (Vulnerability?)

Deny specific browsers from accessing my app

How do you disable browser Autocomplete on web form field / input tag?How to align checkboxes and their labels consistently cross-browsersWhat is the maximum length of a URL in different browsers?How to make a div 100% height of the browser window?React Router - new component not being loadedWebpack, React-router and React from CDNAll React Router and hashHistory routes redirect to same componentReact Component not showing on matched Route (react-router-dom)React / Webpack - “Module parse failed: Unexpected token - You may need an appropriate loader to handle this file type.”Nesting Routing Is Not Working on React

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

looking for some code that I could add in to my reactjs app that will present users with an error when accessing my app using Firefox.... Something like Browser Type is not supported.

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;

Online I see some bits but I'm unsure where if should be added in to my app.jsx or my index.html or index.jsx......

Looking for someone that might have an example for me please

html reactjs browser routing routes

share|improve this question

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

add a comment | 

0

looking for some code that I could add in to my reactjs app that will present users with an error when accessing my app using Firefox.... Something like Browser Type is not supported.

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;

Online I see some bits but I'm unsure where if should be added in to my app.jsx or my index.html or index.jsx......

Looking for someone that might have an example for me please

html reactjs browser routing routes

share|improve this question

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

add a comment | 

looking for some code that I could add in to my reactjs app that will present users with an error when accessing my app using Firefox.... Something like Browser Type is not supported.

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;

Online I see some bits but I'm unsure where if should be added in to my app.jsx or my index.html or index.jsx......

Looking for someone that might have an example for me please

html reactjs browser routing routes

share|improve this question

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

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;

share|improve this question

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

share|improve this question

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

edited Mar 24 at 20:10

Alexandr Zavalii

1,030924

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

asked Mar 24 at 19:50

usernamecopied1673usernamecopied1673

14

1 Answer
1

active

oldest

votes

0

try this

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;

share|improve this answer

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55327912%2fdeny-specific-browsers-from-accessing-my-app%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

try this

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;

share|improve this answer

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

add a comment | 

0

try this

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;

share|improve this answer

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

add a comment | 

try this

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;

share|improve this answer

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

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;

share|improve this answer

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924

answered Mar 24 at 20:11

Alexandr ZavaliiAlexandr Zavalii

1,030924