摘要:
样式表就是在view的层次结构布置好了之后,确定大小,位置等属性 样式表可以使用外联也可以使用内联 这就是外联,样式是写在外面的 绿色的是内联样式 最好不要写内联样式,不利于修改和维护 样式最好单独写一个地方,比较容易更改 创建一个样式表使用StyleSheet.create 创建之后里面可以写多个 阅读全文
摘要:
创建ReactNative项目 需要在命令行中创建 react-native init HelloWorld HelloWorld是项目名,该命令会创建一个名为HelloWorld的文件夹,其中是一些依赖包,文件等 创建完成之后的目录 直接在iOS模拟器中运行: 在命令行中,cd到项目文件夹,然后运 阅读全文
摘要:
ReactNative是facebook开发的混合开发模式 使用React Native,你可以使用标准的平台组件 Mac环境搭建 先在官网上面看看环境是如何配置的 然后再设置一下Atom,根据下面的这个博客 http://blog.csdn.net/hello_hwc/article/detail 阅读全文
摘要:
1 组件的生命周期可分为三个状态: Mounting:组件挂载,已插入真实DOM updating:组件更新,正在被重新渲染 unmounting:组件移出,已移出真实DOM 2 组件的生命周期可分成四个阶段: 创建,实例化,更新,销毁 阅读全文
摘要:
/* 用户在输入框内输入的内容进行实时显式 分析: 组件与用户交互过程中,存在状态的变化,即输入框的值 */ var Input = React.createClass({ getInitialState:function () { return { value:"请输入" }; ... 阅读全文
摘要:
事件处理 React中的事件名称,组件中包含一个button,给button绑定onClick事件 定义一个组件:button 给button绑定onClick事件 state 状态 props 组件自身的属性 阅读全文
摘要:
属性验证 propTypes 组件类的属性 用于验证组件实例的属性是否符合要求 下面传的123是数字,不是字符串,所以会报错 设置组件属性的默认值 通过实现组件的getDefaultProps方法,对属性设置默认值 阅读全文
摘要:
this.props.children children是一个例外,不是跟组件的属性对应的 表示组件的所有子节点 HTML5中有一种标签:列表 <ul> <ol> <li> 定义一个列表组件,列表项中显式的内容,以及列表项的数量都由外部决定 阅读全文
摘要:
props是组件自身的属性,一般用于嵌套的内层组件中,负责传递信息(通常是由父层组件向子层组件传递) 注意:props对象中的属性与组件的属性一一对应,不要直接去修改props中属性的值 ...this.props props提供的语法糖,可以将父组件中的全部属性复制给子组件 阅读全文
摘要:
复合组件也被称为组合组件,创建多个组件合成一个组件 定义一个组件webShow。功能:输出网站的名字和网址,网址是一个可以点击的链接 分析:定义一个组件WebName负责输出网站名字,定义组件WebLink显示网站的网址,并且可以点击 阅读全文