Làm thử React setState | Hướng dẫn học React.js

↔

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>React setState</title>
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  </head>
  <body>
    <div id="member"></div>

changeName = () => {
          this.setState({
            name: "Bùi Văn Tý",
            age: 27
          })
        };

render() {
          return (
            <div>
              <h2>{this.state.name}</h2>
              <p>Tuổi: {this.state.age}</p>
              <button type="button" onClick={this.changeName}>Change name</button>
            </div>
          );
        };
      };

ReactDOM.render(
        <Member />,
        document.getElementById('member')
      );
    </script>
  </body>
</html>