ReactJs返回不呈现组件

Question

Console.log(key,_i)确实工作，但它不渲染任何东西。

return函数在React中没有'

我试着在上面的问题后面再加一个返回，但是没有用。

{newData?.data.forEach((x:any)=> {return (Object.keys(x).map((key:any,_i:number) => {
console.log(key,_i)
return (
<Grid item xs={12}> 
<TextField 
key={_i}
style={{ width: "100%" }}
required
label={key} 
onChange={handleOnchange(key)} 
/>
</Grid> 
)
}))})} 

期望生成一个文本框。我确实试图删除<TextField>中的所有内容，如key,style,required,label,onChange。但它仍然不起作用。它被期望渲染一些东西。

Answer 1

使用map代替forEach

data.map((x:any)=> {return (Object.keys(x).map(....