React的书写格式及注意事项

JSX的基本语法规则:遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代码块(以 { 开头),就用 JavaScript 规则解析。

jsx类型必须是text/babel
必须大写开头
只能包含一个顶层元素

PropTypes:组件的PropTypes属性。组件的属性可以接受任意值,字符串、对象、函数等等都可以,通过PropTypes属性可以用来验证组件实例的属性是否符合要求。

getDefaultProps:设置组件属性的默认值。

props和state:

this.props表示那些一旦定义,就不再改变的特性,而this.state是会随着用户互动而产生变化的特性。

-->props:

组件的属性可以在组件类的this.props对象上获取。

this.props.childer属性:表示组件的所有子节点。<==> React.children.map方法用于遍历子节点。

-->state:

getInitialStatte方法用于定义初始状态,也就是一个对象,这个对象可以通过this.state属性读取。

this.setState方法:就修改状态值,每次修改之后,自动调用this.render方法,再次渲染组件。

组件的生命周期:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容