react

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

ismobile react

726

Show ResultREACT

<!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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-device-detect@1.15.0/main.min.js"></script>
</head>
<body>
<script type="text/babel">

class App extends React.Component {
constructor() {
super();

this.state = {
data: []
}

this.setStateHandler = this.setStateHandler.bind(this);
};

setStateHandler() {

var msg;
const isMobile = this.isMobile;
if (isMobile) {

msg = "isMobile";
this.setState({data: msg})

}
else
{

msg = "something else";
this.setState({data: msg})

}

};

render() {
return (
<div>
<button onClick = {this.setStateHandler}>Click</button>
<h2>{this.state.data}</h2>
</div>
);
}
}

ReactDOM.render(
<App/>,
document.getElementById('my-div')
);

</script>

<div id="globe">
<div id="my-div"></div>
</div>

</body>
</html>