React Nativeで配列の中の辞書型の中身を表示する方法

auです。

React Nativeを使って開発をしているときに、配列の中の辞書型を取り出すと言う動作をしたくなりました。

var questions = [
    {
        question: 'クイズ名',
        answers: [
            {id: '1', text: 'テキスト1'},
            {id: '2', text: 'テキスト2'},
            {id: '3', text: 'テキスト3'},
            {id: '4', text: 'テキスト4', correct: true}
        ]
    }
]

こんな感じです。

以下のようにして表示できました。

 {this.props.navigation.state.params.answers.map( data => {return (<Text key={data}>{data.text}</Text>)})}

mapで表示する際に、data.textまで入力する必要があるみたいですね。