Cardで定義した変数dictをそのままAコンポーネントで使用したい
card.js
class Card extends React.Component { render() { //省略 dictにはファイル名、パスが連想配列で格納されている var show_num = 10 var dict = [] for(var i=0; i<10; i++) { var tmp_name = list[i][1] var tmp_path = '' + tmp_name + '.jpg' dict.push({name: list[i][1] + '.jpg', image: tmp_path}) console.log(dict)//dictに格納された連想配列を別のファイルのコンポーネントで使いたい } }); } return ( //省略 ) } } export default class App extends React.Component { render() { return ( renderCard={cardData => <Card {...cardData} />} //ここでCardを呼び出す ) } }
A.js
class A extends React.Component { render() { //console.log(dict) ここでdictを呼び出したい return ( <View style={styles.card}> //ここでdictに入ったパスを取り出して表示させる <Image style={styles.thumbnail} source={{ uri: '' }} /> </View> ); } } export default A;