干货满满-原来这才是hooks-React Hooks使用心得

序言 ---最后有招聘信息哦~

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') );

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsssyg.html