React 親コンポーネントから子コンポーネントへのPropsの渡し方

コード詳細

parent
1
2const Recommend = props => {
3  const {
4    ad,
5    articleExpansion,
6    articleTag,
7    articleWithTag = {},
8    auth,
9    clearArticleWithTag,
10    clearHashTagIdea,
11    data = [],
12    getAd,
13    linkArticle,
14    getArticleDetaile,
15    getArticleExpansion,
16    getArticleWithTagLists,
17    getRecommendHashTagIdeas,
18    getUserIdsWithFaceOutlineType,
19    getKarte,
20    getScan,
21    getScanImage,
22    getScanTagArticles,
23    getUser,
24    hasAds = false,
25    hasKarte = false,
26    isFocused = false,
27    karte,
28    name,
29    navAmazonItemIndex,
30    navCreateKarte = () => null,
31    navDetail,
32    navSignIn = () => null,
33    navWebView = () => null,
34    onAppleLoginHandler = () => null,
35    onFacebookLoginHandler = () => null,
36    onGoogleLoginHandler = () => null,
37    route,
38    scan,
39  } = props;
40
41  ・
42  ・
43  ・
44
45  return (
46      <View style={s.homeContainer}>
47        <MainRecommendLists
48          ad={ad}
49          navDetail={navDetail}
50          navWebView={navWebView}
51          scan={scan}
52          articleTag={articleTag}
53          getArticleDetaile={getArticleDetaile}
54        />
55      </View>
56  );
57};

child
1const MainRecommendLists = ({
2  ad,
3  navDetail,
4  navWebView,
5  scan,
6  articleTag,
7  getArticleDetaile,
8}) => {
9  ・
10  ・
11  ・
12
13  return (
14
15  )
16}
17