序言
---最后有招聘信息哦~
React是一个库,它不是一个框架。用于构建用户界面的Javascript库。这里大家需要认识这一点。react的核心在于它仅仅是考虑了如何将dom节点更快更好更合适的渲染到浏览器中。它本身提供的涉及框架的理念是不多的。class组件是如此,hooks组件也是如此。
ClassComponent
我们先回顾一下,这是一个react的class组件:
class HelloMessage extends React.Component { constructor (props) { super(props) this.state = { num: 1 } } componentDidMount () { alert('mounted!') } addNum () { this.setState({ num: this.state.num + 1; }) } render() { return ( <div> Hello {this.props.name} </div> ); } } ReactDOM.render( <HelloMessage />, document.getElementById('hello-example') );