嘗試訪問 this.state 時，我一直收到此錯誤 到目前為止，我嘗試過的所有解決方案均無效這是我的構造函數export default class Layout extends React.Component {    constructor() {        super();        this.state = {            bagTitle: 'View Bag'        }        this.renderContent = this.renderContent.bind(this);    }    render() {        return (            <NavigationContainer>                <Stack.Navigator>                    <Stack.Screen name='Menu' component={HomeScreen}                        options={{                            headerRight: () => (                                <Ionicons style={iconView.icons} name='ios-list' size={26} color="black" />                            ),                        }}                    />                </Stack.Navigator>            </NavigationContainer>        );    };}這是我調用 renderContent 函數的地方class HomeScreen extends React.Component {  render() {    const title = 'View Bag'    return (      <View style={styles.container}>        <StatusBar style="auto" />        {/* Bottomsheet View */}        <BottomSheet          ref={sheetRef}          snapPoints={[100, 300, Dimensions.get('window').height - 100]}          borderRadius={10}          renderContent={renderContent}        >          <Text onPress={showBag} style={{ backgroundColor: 'red', fontSize: 17, fontWeight: '600', textAlign: 'center', position: "absolute", marginTop: 20, width: windowWidth }}>View Bag</Text>        </BottomSheet>      </View>    );  }}這是我試圖訪問 this.state 的地方renderContent = () => (    <View      style={{        backgroundColor: '#ecf0f1',        padding: 16,        fontSize: 20,        height: windowHeight,        width: windowWidth,        marginBottom: -200      }}    >      <Text onPress={showBag} style={{ fontSize: 17, fontWeight: '600', textAlign: 'center', position: "absolute", marginTop: 20, width: windowWidth }}>{this.state.bagTitle}</Text>    </View>);繼續收到此錯誤undefined 不是一個對象（評估'_this.state'）