react.js не работает рекурсивка

[riaron86]

чуть подправил код
const prop= {
checkboxi:

{ OS: {id:1,mname:'android',named:'Android'},
},

import React, {useContext, useState} from 'react';
import {AuthContext} from "../../context/index.js";

function Checkbox() {
    let k;
    const v=[];
        const prop=useContext(AuthContext);
        const [check,setCheck]=useState();
    setCheck(prop.checkboxi.forEach(([k, v]) => (k:v)
    ));
        return (
            <div>
                    <ul>
                        <li>{check}</li>
                    </ul>
            </div>
        );
}

export default Checkbox;

[riaron86]

не получилось вот код

const prop= {
checkboxi:

{ OS: {id:1,mname:'android',named:'Android'},
},
polzunok:
{
id:1,
name:"Цена",
start1:2000,
start2:7000,
minr:0,
maxr:10000
}};

import React, {useContext, useState} from 'react';
import {AuthContext} from "../../context/index.js";

function Checkbox() {
    const m= {};
        const prop=useContext(AuthContext);
    prop.checkboxi.forEach(([k, v]) => m[k]= {mname:v.mname,named:v.named});

    return (
            <div>
                    <ul>
                        <li>{m}</li>
                    </ul>
            </div>
        );
}

export default Checkbox;

ругается 3 раза prop.checkboxi.forEach is not a function

[ksa]

не получилось

Следи за руками (с)

const prop = {
	checkboxi: {
		OS: {id:1,mname:'android',named:'Android'},
    },
	polzunok: {
        id:1,
        name:"Цена",
        start1:2000,
        start2:7000,
        minr:0,
        maxr:10000
    }
};
Object.entries(prop.checkboxi.OS).forEach(([k, v]) => console.log(k, v))

[riaron86]

я хотел в объекте задать все чекбоксы и одном циклом вывести все в фасет меню
const prop= {
checkboxi:
{
OS: {id:1,mname:'android',named:'Android'},
RAM:{ {id:1,mname: '6gb',named: '6Gb'},
{id:1,mname: '4gb',named: '4Gb'}, },
ROM: {id:1,mname: '64gb',named: '64Gb'},

},
polzunok:
{
id:1,
name:"Цена",
start1:2000,
start2:7000,
minr:0,
maxr:10000
}};

import React, {useContext} from 'react';
import {AuthContext} from "../../context/index.js";

function Checkbox() {

        const prop=useContext(AuthContext);

            Object.entries(prop.checkboxi).forEach(([k, v]) =>Object.entries(prop.checkboxi.k).forEach(([j,l])=>console.log(k,j,l)) );


    return (
            <div>
                    <ul>
                        <li></li>
                    </ul>
            </div>
        );
}

export default Checkbox;

Но при добавлении Ram Rom phpstorm закрасил объект prop красным. еще вопрос цикл у меня правильный?

[ksa]

Но при добавлении Ram Rom phpstorm закрасил объект prop красным.

Так там у тебя проблема с синтаксисом...

еще вопрос цикл у меня правильный?

У тебя данные организованы не верно.

Если цикл выводит, что тебе нужно - значит он правильный.