javascript - ionic reactjs コンポーネントでオブジェクトの配列を返す

Question

メインファイルで呼び出されるこのコンポーネントがあります。このコンポーネントはすべてのデータを表示し、データは配列を返します

    import React, { Component } from 'react';
    import {
        IonRow,
        IonCol
    } from '@ionic/react';
    
    import data from '../data/data.json';
    
    const BookList: React.FC = () => {
        
        return(
            data.data.map((context) => {
            <IonRow>
                <IonCol size="9">
                    <p>{context.name}</p>
                </IonCol>
                <IonCol size="3">
                    <p>{context.payload}</p>
                </IonCol>
            </IonRow>
            })
        );
        
    };
    
    export default BookList;

エラーは次のようになります。

ブックリストの宣言のどこかに。私は反応するのが初めてなので、主な問題が何であるかを理解するのは少し難しいです.解決策を探してみましたが、私が理解している明確で明確な解決策を見つけることができません.