Welcome aboard! We are happy you are here and wish you good net-raft!
<!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>
</head>
<body>
<script type="text/babel">
class App extends React.Component {
constructor() {
super();
this.state = {
data: []
}
this.findDomNodeHandler = this.findDomNodeHandler.bind(this);
}
findDomNodeHandler() {
var myDiv = document.getElementById('myDiv');
ReactDOM.findDOMNode(myDiv).style.color = 'red';
}
render() {
return (
<div>
<button onClick = {this.findDomNodeHandler}>Click</button>
<div id = "myDiv">Hello world!</div>
</div>
);
}
}
ReactDOM.render(
<App/>,
document.getElementById('my-div')
);
</script>
<div id="my-div"></div>
</body>
</html>
The most helpful REACT solutions
How to get client ip address using react ?REACT Click to see more ... 19.2K 421