从 React 中的对象渲染所有嵌套对象

Question

我这里有这个对象：

 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>

Answer 1

{Object.entries(generic).map(([key, value]) => (
  
   <h1 key={key}>{value}</h1> 

 ))}

Answer 2

尝试这个

{Object.keys(generic).map((gen,index) => (
  
   <h1 key={index}>{generic[gen]}</h1> 

 ))}