# All files / src/chap03 ListTemplate.js

0% Statements 0/2
100% Branches 0/0
0% Functions 0/2
0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29

     import React from 'react';

    export default function ListTemplate({ src, children }) {
      return (
        <dl>
          {src.map(elem => (
            <React.Fragment key={elem.isbn}>
              {/* {children} */}
              {children(elem)}
            </React.Fragment>
          ))}
        </dl>
      );
    }

    // 렌더 프롭(Render Props)
    // export default function ListTemplate({ src, render }) {
    //   return (
    //     <dl>
    //       {src.map(elem => (
    //         <React.Fragment key={elem.isbn}>
    //           {render(elem)}
    //         </React.Fragment>
    //       ))}
    //     </dl>
    //   );
    // }