Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="my-div"></div>
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
<script type="text/babel">
var MyReact = React.createClass({
render: function() {
return (
<p>{this.props.a}</p>
);
}
});
var a;
var b;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
b = "mobile device";
}
else {
b = "desktop";
}
ReactDOM.render(
<MyReact a={b}/>,
document.getElementById('my-div')
);
</script>
</body>
</html>
// at first you install npm install react-useragent
import React from 'react';
import withUserAgent from 'react-useragent';
class App extends React.Component {
render() {
return (
<div>
{this.props.ua.mobile ? (
"mobile"
) : (
"something else"
)}
</div>
);
}
}
export default withUserAgent(App);
<!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 (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
device = "mobile device";
}
else {
device = "desktop";
}
</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