react 组件

创建组件方式

1.函数模式

function HelloMessage(props) {

return <h1>Hello World!</h1>;

}

const element = <HelloMessage />;

ReactDOM.render( element, document.getElementById('example') );

 

2.ES6 class 来定义一个组件:

class Clock extends Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>现在是 {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('example')
);