Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用数组值渲染对象_Javascript_Html_Reactjs - Fatal编程技术网

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文档。