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>
</head>
<body>
<script type="text/javascript">
var Hello = React.createClass({
myClick: function () {
alert("Hello all!");
},
render: function () {
return React.createElement("span",{ id: "test", style: { color: "black", backgroundColor: "yellow"} }, "Hello world!",
React.createElement("p"),
React.createElement("button",{ onClick: this.myClick, style: { color: "black", backgroundColor: "red"} }, "click")
)
}
});
ReactDOM.render(React.createElement(Hello), document.getElementsByTagName('body')[0]);
</script>
</body>
</html>
import React from 'react';
class App extends React.Component {
constructor() {
super();
this.state = {
data: []
}
this.setStateHandler = this.setStateHandler.bind(this);
};
setStateHandler() {
var item = "Hello world!"
var myArray = this.state.data;
myArray.push(item)
this.setState({data: myArray})
};
render() {
return (
<div>
<button onClick = {this.setStateHandler}>Click</button>
<h2>{this.state.data}</h2>
</div>
);
}
}
export default App;
The most helpful REACT solutions
How to get client ip address using react ?REACT Click to see more ... 19.2K 421