-
类：导入进来，实例化，使用这个实例。 类是可以继承的；构造方法和方法是可以重写的。查看全部
-
如何使用ref呢？ ref属性的定义是在使用组件的部分，而组件的方法之类的都是在定义组件的里面就有的。render方法被调用的时候，组件就会被渲染。渲染完成之后，就可以获取这个组件实例啦，因而就可以调用组件实例里的方法或者变量啦。 定义组件的方式一 ref="reftest" this.refs.reftest 或者 this.refs[reftest] ， 这两种方式都可以获得当前的组件。 获得当前组件的大小， let size = this.refs.reftest.getSize(); 定义组件的方式二 ref={reftest=>this.reftest=reftest} [当组件被渲染后，ref属性reftest就有值啦，然后我们将它赋值给this.reftest 。接下来就可以使用this.reftest来获取相应的方法] this.reftest 或者 this.refs['reftest'] ， 这两种方式都可以获得当前的组件。 这种方式定义，就可以这样使用，var size = this.reftest.getSize();查看全部
-
ref是什么？ ref是组件的特殊属性，组件被渲染后，指向组件的一个引用。可以通过组件的ref属性，来获取真实的组件。 因为，组件并不是真正的DOM节点，而是存在于内存中的一种数据结构，称为虚拟的DOM，只有当它真正的插入文档之后，才变为真正的DOM节点。根据React的设计，所以的DOM变动都发生在虚拟DOM上，然后再将实际的部分反映到真实的DOM上--这就是 DOM DIff，它可以提高页面性能。查看全部
-
state也可以吹气球 （导入新的资源，都会报错，因此需要将包管理器关掉，再重新启动服务即可。） 如何控制state的变化呢，在文字上设置方法， onPress={ ()=> {this.setState ({ size:this.state.size+10}); }} 改变state的值是用 this.setState{size:90} <Image style={{width:this.state.size,height:this.state.height}} source={require('./qiqiu.png)} > 上述代码就将 Image 的大小给渲染出来啦。(动态化的UI就有啦)查看全部
-
如何使用state 方式一、我们可以在组件的构造方法中，初始化组件的state。 constructor(props){super(props); this.state={size:80} } 初始化size，默认给它80. 方式二、直接在组件内，state={size：80}。不用写在构造方法内。查看全部
-
什么是state props是不可改变，只读的。为了实现交互，就需要用到组件的state。我们将组件看为状态机，UI是各种各样的状态，并在各种各样的状态之间可以切换，只需要改变组件的state，就会重新渲染UI。 state是组件私有的，是没有办法通过其他组件传递过来的。查看全部
-
组件装载，组件在渲染之前，会先调用默认的props，ES6就是，static defaultProps；接下来就是组件初始化，constructor（props）组件的构造方法；接下来是 componentWillMount组件在加载之前的方法；render完成组件的渲染；componentDidMount 组件渲染完成。接下来就进入运行阶段啦。（一次调用） 组件更新，在运行中，如果组件的属性发生了改变，就会调用 componentWillReceiveProps 会被调用，然后就会调用 shouldComponentUpdate ，询问我们是否要渲染组件，如果返回FALSE的话，就不会渲染；如果是TRUE的话，就会调用componentWillUpdate重新渲染组件，然后render，再后来就完成更新啦componentDidUpdate（多次调用） 组件卸载，页面关闭的时候，组件会被卸载，componentWillUnmount，可以完成资源的回收与释放啦。（一次调用）查看全部
-
5.1 如何导出一个组件，如何使用导出的组件呢？ 导出 export default && 使用 import 5.2 如何导出一个变量或者常量，如何使用导出的变量或常量呢？ 导出 var const && export {name,age}; 使用 是要先导入组件，再用大括号里，引入变量，如 import EI,{name,age} from './EI' 5.3 如何导出一个方法，如何使用导出的方法 导出 export function sum () { } 导入 使用 是要先导入组件，再用大括号里，引入变量，如 import EI,{sum} from './EI' 第一个是默认导出的变量或方法，后面的大括号里放的是其他的除默认导出之外的组件、方法或者变量查看全部
-
6.1 什么是props props是属性，它是为了描述组件的特征而存在的，它是父组件传递给子组件的。 6.2 如何使用props 属性是只读的；如果是上个页面传递过来的属性，就不能修改；但它可以在本页面定义默认属性。this.props.name 6.3 什么是默认属性以及它的作用？ ES6利用 static defaultProps={ name:'小红' }来定义默认属性，这样，当父组件没有给子组件传递属性时，就可以使用默认属性。查看全部
-
6.4 如何对props进行约束和检查 为了保证属性的正确性，属性检查机制，比如属性类型、属性是否是必须的，防止其他乱传参数。 static propTypes ={ name:PropTypes.string,age:PropTypes.number,sex:PropTypes.string.isRequired,} PropTypes是react包中的，记得导入进来呢。所以，目前的import有 React，{Component，PropTypes} from 'react'. 姓名是字符串，年龄是数字，性别是isRequired，也就是说必须指定的。 查看源码，就可以看到，会检查是不是 数组、布尔型、函数、字符串、数字、对象、符号等。 默认属性和属性检查，是RN高级开发中所必须的，比如自定义组件。查看全部
-
6.5 props使用技巧--延展操作符 延展操作符是ES6中的新语法。当我要传递很多个属性时， let params = {name:'张'，age:18, sex:'女' }； 使用的时候就是 <PropsTest name={params.name} sex={params.sex} />（但这个非常的复杂，代码也会很长） <PropsTest { ...params } />（使用 大括号里放三个点 ...，然后接着 params 就可以在下一个页面被使用了。 ）查看全部
-
6.6 props使用技巧--解构赋值 延展操作符是将属性全部进行赋值，但如果只想取出部分来进行赋值，就可以使用解构赋值。 let params = {name:'张'，age:18, sex:'女' }； let {name,sex}=params; <PropsTest name={name} sex={sex} /> 它比传统的方式好是它可以从一组属性中获取指定属性，而且，少了一点点代码。查看全部
举报
0/150
提交
取消