calc属性可以在react-native中使用吗
1个回答
展开全部
Refs属性不能传递
因为并不是像 key一样,refs是一个伪属性,React 对它进行了特殊处理。
如果你向一个由高级组件创建的组件的元素添加 ref应用,那么ref 指向的是最外层容器组件实例的,而不是包裹组件。
但有的时候,我们不可避免要使用refs,官方给出的解决方案是:
传递一个ref回调函数属性,也就是给ref应用一个不同的名字
这里主要讲解获取自定义控件的坐标,这种项目中实际涉及用到的需求使用说明
定义ref的两种写法:
1.ref = {ref_phoneInput => (this.ref_phoneInput = ref_phoneInput)}
2.ref = {'ref_phoneInput'}
相应的,取出ref指向的组件的两种写法:
1.this.currentInput = this.ref_phoneInput.refs.PhoneNumberInput;
2.this.currentInput = this.refs.ref_phoneInput.refs.PhoneNumberInput;
理解this的指向问题
理解示例2
ref : 指向某个子组件
this : 指向当前export的组件本身,
this.refs : 指向当前export的组件的所有子组件
this.refs.ref_phoneInput : 指向当前import的自定义封装组件
this.refs.ref_phoneInput.refs : 指向当前import的自定义封装组件的所有子组件
this.refs.ref_phoneInput.refs.PhoneNumberInput : 指向当前import的自定义封装组件的其中一个子组件
因为并不是像 key一样,refs是一个伪属性,React 对它进行了特殊处理。
如果你向一个由高级组件创建的组件的元素添加 ref应用,那么ref 指向的是最外层容器组件实例的,而不是包裹组件。
但有的时候,我们不可避免要使用refs,官方给出的解决方案是:
传递一个ref回调函数属性,也就是给ref应用一个不同的名字
这里主要讲解获取自定义控件的坐标,这种项目中实际涉及用到的需求使用说明
定义ref的两种写法:
1.ref = {ref_phoneInput => (this.ref_phoneInput = ref_phoneInput)}
2.ref = {'ref_phoneInput'}
相应的,取出ref指向的组件的两种写法:
1.this.currentInput = this.ref_phoneInput.refs.PhoneNumberInput;
2.this.currentInput = this.refs.ref_phoneInput.refs.PhoneNumberInput;
理解this的指向问题
理解示例2
ref : 指向某个子组件
this : 指向当前export的组件本身,
this.refs : 指向当前export的组件的所有子组件
this.refs.ref_phoneInput : 指向当前import的自定义封装组件
this.refs.ref_phoneInput.refs : 指向当前import的自定义封装组件的所有子组件
this.refs.ref_phoneInput.refs.PhoneNumberInput : 指向当前import的自定义封装组件的其中一个子组件
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询