我这里有这个对象：

const [generic, setGeneric] = useState ({
    f1: "Hi, Stack Overflow!",
    f2: "Hello!",
  });

我想从中访问所有子对象。
我这里有一些代码，但它不能正常工作：

{Object.keys(generic).map((gen) => (
<>
<h1 key={gen}> 

{/* I also tried rendering files instead of gen, just don't work */}
</>
))

预期结果是：

<h1>Hi, Stack Overflow!</h1>
<h1>Hello</h1>