扩展父级并使用父级渲染方法反应本机
Extending a parent and using parent render method react native
这是一个一般性问题,因为我在任何地方都没有见过这样的问题。
因此,如果我有一个类似于下面示例的父组件,并且我要在父组件中渲染子组件的子组件,如果可能的话我该怎么做(除了在父组件中创建 getParentComponent(children) 方法之外)。
是否存在当调用子渲染时自动插入子内容的问题?
import React, {Component} from 'react';
import {View} from 'react--native;
class CustomView extends Component {
render() {
return (
<View style={styels.customStyle}>
// this is where I want to render my child content
</View>
)
}
}
import React, {Component} from 'react';
import {CustomView} from 'somewhere;
class ChildView extends CustomView {
render() {
return (
<View style={styels.childStyle}>
// take this view and all the content with in and render it in the parent render
</View>
)
}
}
从本质上讲,parent class 不知道 extends
它的任何 class。所以不行。 MDN extends documentation 解释更多。
否则,refs 可能会帮助您访问 Component
的 props
,例如 children
。
这是一个一般性问题,因为我在任何地方都没有见过这样的问题。 因此,如果我有一个类似于下面示例的父组件,并且我要在父组件中渲染子组件的子组件,如果可能的话我该怎么做(除了在父组件中创建 getParentComponent(children) 方法之外)。 是否存在当调用子渲染时自动插入子内容的问题?
import React, {Component} from 'react';
import {View} from 'react--native;
class CustomView extends Component {
render() {
return (
<View style={styels.customStyle}>
// this is where I want to render my child content
</View>
)
}
}
import React, {Component} from 'react';
import {CustomView} from 'somewhere;
class ChildView extends CustomView {
render() {
return (
<View style={styels.childStyle}>
// take this view and all the content with in and render it in the parent render
</View>
)
}
}
从本质上讲,parent class 不知道 extends
它的任何 class。所以不行。 MDN extends documentation 解释更多。
否则,refs 可能会帮助您访问 Component
的 props
,例如 children
。