![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative
zwt7790195
这个作者很懒,什么都没留下…
展开
-
JSX
什么是JSX1 jsx不是一门新的语言,是一种新的语法糖。让我们在js中可以编写像html一样的代码。2 允许XML语法直接加入到JavaScript代码中,让你能够高效的通过代码而不是模板来定义界面为什么使用JSX1 以前用html代表内容,css代表样式,js定义交互行为。分三种语言在三种不同文件。根据同一件事的代码应该有高耦合性设计原则,用jsx可以在同一个文件里实现。2...原创 2018-10-06 18:03:02 · 787 阅读 · 0 评论 -
组件
定义组件1 有三种方式函数式定义的无状态组件为了创建纯展示组件,这种组件只负责根据传入的props来展示,不涉及到要state状态的操作。具体的无状态函数式组件,其官方指出:在大部分React代码中,大多数组件被写成无状态的组件,通过简单组合可以构建成其他的组件等;这种通过多个简单然后合并成一个大应用的设计模式被提倡。精简至只有一个render方法,大大的增强了编写一个组件的便利,除此...原创 2018-10-06 20:25:29 · 246 阅读 · 0 评论 -
属性设置
Props(属性)是组件自身的属性,props中的属性与组件属性一一对应。负责传递信息1 父组件向子组件传递数据//定义webName组件,负责输出名字var webName = React.createClass({ render : function() { return <h1>{this.props.webname} </h1>;...原创 2018-10-07 21:36:00 · 412 阅读 · 0 评论 -
State(状态)
1 .props是在父组件中指定,一经指定,在被指定的生命周期中则不再改变2 .对于需要改变的数据,我们需要使用state3 .需要在constructor中初始化state,然后在需要修改时调用setState方法。4 当state改变时,会重新调用render渲染。var checkButton = React.createClass({ //初始值 getStat...原创 2018-10-08 20:42:56 · 568 阅读 · 0 评论 -
组件声明周期
组件的生命周期:可分成三个状态:Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM四个阶段:创建,实例化,更新,销毁挂载相关: componentWillMount 组件将要挂载,在渲染(render)前执行,仅执行一次。即使多次渲染或改变该组件的state。 componentDidMount :...原创 2018-10-09 16:30:43 · 201 阅读 · 0 评论 -
Flex 布局
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地...转载 2018-10-09 20:17:35 · 333 阅读 · 0 评论 -
导出与导入
组件(类)导出一个类可以有两种写法export default class MyView extends Component {}class MyView extends Component {}export default MyView;导入:import MyView from './MyView';注意: 第一个 MyView 是自己定义的名称,可以随便写,但是...原创 2018-10-09 20:38:27 · 266 阅读 · 0 评论 -
React Native ~学习总结~组件之FlatList与SectionList
首先我们要先决定要使用什么控件。ScrollView和ListView/FlatList还有SectionList都是可以选择的。ScrollView 会把所有子元素一次性全部渲染出来。使用上最简单。但是如果你有一个特别长的列表需要显示,可能会需要好几屏的高度。这时就会占用很大的内存去创建和渲染那些屏幕以外的JS组件和原生视图,性能上也会有所拖累。 ListView 更适用于长列表数据。它会...转载 2018-10-10 15:01:33 · 641 阅读 · 0 评论