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まで入力する必要があるみたいですね。