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 函数，我使用过： this.SMN().Site ，这不会抛出错误，但不会显示任何错误。

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>
    )
}