React Native，在Render中从另一个调用函数

Question

我有这个SMN((函数，我在里面创建了Site函数作为Const。所以我需要调用Render((函数中的Site函数。这是主要功能代码：

SMN() {
const Site = () => {
return (
<View style={{ height: 400 }}>
<WebView source={{ uri: 'https://www.google.com' }} style={{ marginTop: 20 }} />
</View>
);
}
});

这是Render((函数，我想从中调用Site函数，我使用过：这SMN((。网站，这不会抛出错误，但不会显示任何错误。

render() {
return (
</View>
<View>{this.SMN().Site}</View>
</View>
)
}

Answer 1

将您的网站作为一个组件，如下所示：

const Site = () => {
return (
<View style={{ height: 400 }}>
<WebView 
source={{ uri: 'https://www.google.com' }} 
style={{ marginTop: 20 }} />
</View>
);
}

在你的渲染函数中，像这样使用它：

render() {
return (
</View>
<View><Site /></View>
</View>
)
}

Answer 2

我认为您希望从SMN((获得所需的回报。这就是我认为你想要的解决方案。

SMN() {

return (
{
Site : () => (
<View style={{ height: 400 }}>
<WebView source={{ uri: 'https://www.google.com' }} 
style={{marginTop:20 }} />
</View>
)
}
);

});

render() {
return (
</View>
<View>{this.SMN().Site}</View>
</View>
)
}