Welcome aboard! We are happy you are here and wish you good net-raft!
// 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>
);
}
}
<!DOCTYPE html>
<html>
<head>
<script src="https://fb.me/react-0.14.3.min.js "></script>
<script src="https://fb.me/react-dom-0.14.3.min.js "></script>
</head>
<body>
<script type="text/javascript">
if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true ))
{
device = "IE";
}
else if(navigator.appVersion.indexOf('Edge') > -1)
{
device = "Edge";
}
else if(navigator.userAgent.toLowerCase().indexOf("op") > -1)
{
device = "Opera";
}
else if(navigator.userAgent.indexOf("Chrome") != -1)
{
device = "Chrome";
}
else if(navigator.userAgent.indexOf("Firefox") != -1 )
{
device = "Firefox";
}
else if(navigator.userAgent.indexOf("Safari") != -1)
{
device = "Safari";
}
else
{
device = "unknow";
}
</script>
<script type="text/javascript">
var div = React.DOM.div
var HelloWorldComponent = (
div(null,'' + device + '')
)
ReactDOM.render(HelloWorldComponent, document.getElementsByTagName('body')[0]);
</script>
</body>
</html>
The most helpful REACT solutions
How to get client ip address using react ?REACT Click to see more ... 19.2K 421