javascript - 如何在 React Native 中呈现包含 View 的函数？

Question

如何在 React Native 中渲染包含 View 的函数？我得到的是一个空白的白屏

这不起作用:

    class App extends React.Component {
        render() {
            return (
                <View style = { styles.container }>
                    {this._renderMapView.bind( this )}
                </View>
            );
        }

        _renderMapView () {
             return <MapView style = { styles.mapView } </MapView>
        }
   }

这个有效:

    class App extends React.Component {
        render() {
            return (
                <View style = { styles.container }>
                    <MapView style = { styles.mapView } </MapView>
                </View>
            );
        }
   }

Answer 1

试试这个。不使用 bind(this)。

<View style = { styles.container }>
    {this._renderMapView()}
</View>

或者像这样使用bind(this):

<View style = { styles.container }>
    {this._renderMapView.bind(this)()}
</View>

因为你正在调用一个函数。