Javascript 使用数组值渲染对象
我试图在我的页面上呈现带有数组键值及其值的对象的复选框(最后的目标是选择键值,所有值都将被选中) 我现在的问题是,当我试图只渲染所有这些值时,它根本不是。 代码示例:Javascript 使用数组值渲染对象,javascript,html,reactjs,Javascript,Html,Reactjs,我试图在我的页面上呈现带有数组键值及其值的对象的复选框(最后的目标是选择键值,所有值都将被选中) 我现在的问题是,当我试图只渲染所有这些值时,它根本不是。 代码示例: 从“React”导入React; 导入“/SelectMasekhtot.css”; 设伪数据={ 第一册:[1,2,3,4,5], 第二册:[1,2,3,4,5], 第三册:[1,2,3,4,5], 第四册:[1,2,3,4,5], }; const SelectMasekhtot=()=>{ 返回( 选择部分 {Object
从“React”导入React;
导入“/SelectMasekhtot.css”;
设伪数据={
第一册:[1,2,3,4,5],
第二册:[1,2,3,4,5],
第三册:[1,2,3,4,5],
第四册:[1,2,3,4,5],
};
const SelectMasekhtot=()=>{
返回(
选择部分
{Object.entries(fakeData).forEach(([key,value])=>(
{key}
{value}
))}
);
};
导出默认选择MASEKHTOT代码>使用map
而不是forEach
。您的代码已修复:
let fakeData={
第一册:[1,2,3,4,5],
第二册:[1,2,3,4,5],
第三册:[1,2,3,4,5],
第四册:[1,2,3,4,5],
};
const SelectMasekhtot=()=>{
返回(
选择部分
{Object.entries(fakeData.map)([key,value])=>(
{key}
{value}
))}
);
};
ReactDOM.render(,document.getElementById('root'))代码>
您需要使用map
而不是forEach
。forEach不返回任何内容。请参阅React文档。