React native，讓我知道this.props.navigation.state

Question

我正在嘗試從A.class檢索數據到B.claa。 當我直接在A類中返回一個按鈕時，可以將A中的數據檢索到B類中以進行顯示。

但是，當我使用for循環創建用於創建按鈕的函數時，實際上並不會檢索數據。 它只是未定義..

在這里，有A類和B類。因此，基本上，在A類中，有5個按鈕鏈接到B類的屏幕B屏幕應該從A中獲取數據以顯示在其屏幕中。

請讓我知道此解決方案。

A級

const renderButtons = (navigateG) => {
const views = [];
const Name= ["AB","BC","cd","ef","gg"]
for ( var i =0; i<5; i++){
views.push(
<Button
   key={i}
   onPress={() => navigateG('B', { 
                    Title:"hi",
                    Name:Name[i],

                })}
   title="Learn More"
   color="#841584"
   accessibilityLabel="Learn more about this purple button"
/>);
} // % buttons are created. 

return views;
}
export default class A extends Component {

 static navigationOptions = ({ navigation }) => ({
    title: 'A',
    headerLeft: <MenuButton navigation={navigation}/>
});

render() {  
  const { navigate } = this.props.navigation;    
    return ( 
     renderButtons(navigate) )
 }
     </ScrollView>

    );
 }
}

B級

export default class B extends Component {
static navigationOptions = ({ navigation }) => ({
    title: `${navigation.state.params.Title}`
});
render(){return(   <Text>{ this.props.navigation.state.params.Name }</Text> )}

Answer 1

您可以使用this.props.navigation.state.params.Name而非this.props.navigation.state.Name訪問導航狀態的名稱