Welcome aboard! We are happy you are here and wish you good net-raft!
import React from 'react';
class App extends React.Component {
constructor() {
super();
this.state = {
data: []
}
this.setStateHandler = this.setStateHandler.bind(this);
};
setStateHandler() {
var msg;
if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true ))
{
msg = "IE";
this.setState({data: msg})
}
else if(navigator.appVersion.indexOf('Edge') > -1)
{
msg = "Edge";
this.setState({data: msg})
}
else if(navigator.userAgent.toLowerCase().indexOf("op") > -1)
{
msg = "Opera";
this.setState({data: msg});
}
else if(navigator.userAgent.indexOf("Chrome") != -1)
{
msg = "Chrome";
this.setState({data: msg})
}
else if(navigator.userAgent.indexOf("Firefox") != -1 )
{
msg = "Firefox";
this.setState({data: msg})
}
else if(navigator.userAgent.indexOf("Safari") != -1)
{
msg = "Safari";
this.setState({data: msg})
}
else
{
msg = "Unknown";
this.setState({data: msg})
}
};
render() {
return (
<div>
<button onClick = {this.setStateHandler}>Click</button>
<h2>{this.state.data}</h2>
</div>
);
}
}
export default App;
// at first you install npm install --save react-browser-detection
import React, { Component } from 'react';
import BrowserDetection from 'react-browser-detection';
const browserHandler = {
default: (browser) => <div>{browser}</div>
};
export default class App extends Component {
render() {
return (
<BrowserDetection>
{ browserHandler }
</BrowserDetection>
);
}
}
The most helpful REACT solutions
How to get client ip address using react ?REACT Click to see more ... 19.2K 421