测试效用函数哪个运算符对孩子

Question

我有一个组件需要 children（称为 layout component）。这个组件内部还有一个函数可以遍历 children 并做一些事情。我想测试这个功能。所以我提取了这个函数来分离实用程序 class 并将 children 作为参数。它在浏览器中运行良好。

但是在测试中我遇到了问题。我不知道如何定义 children 并将其传递给此实用程序函数。

  const children = (
      <div />
      <div />
  );

给我编译错误：“JSX 表达式必须有一个 parent element.ts(2657)”。

div 周围 React.Fragment

  const children = (
    <>
      <div />
      <div />
    </>
  );

在我的布局组件中只给我 1 child。

我想将 children 传递给效用函数，但我不知道如何定义它们。

Answer 1

而不是：

const children = (
  <div />
  <div />
);

您可以使用真实数组，例如：

const children = ([
  <div key="0"/>,
  <div key="1"/>
]);

或者只使用您已经知道的片段。

test utility function which operatos over chidlren