如何使用 AppContext 获取数组中所有键的值 (React.js)

Question

我有一个项目，我需要从js文件中获取数据并在Checkbox.Group(antd(中使用它。

我已经在 React 呆了几天，javascript 也只是不知道，帮助

import React, { useState, useContext } from 'react'
import { Menu, Button,Dropdown, Checkbox } from 'antd'
import {AppContext} from '../../../context/main'
const Name = () => {
const [visible, setVisible] = useState(false)
const {preschool} = useContext(AppContext)
const menu = (
<Menu className="dropdown-menu">
<Checkbox.Group
// onChange={(v) => setLabels(v)}
options={preschool.Наименование}
className="checkboxGroup"
/>
<Button size="large">Сбросить</Button>
<Button size="large">Сохранить</Button>
</Menu>
)
return (
<Dropdown 
overlay={menu}
visible={visible}
onVisibleChange={(val) => setVisible(val)}
>
<Button 
className="button" 
ghost={true}
>
Наименование
</Button>
</Dropdown>
)
}
export default Name

它是主文件.js文件

const preschool_data = [
{
Наименование: 'ГККП "ясли сад №1',
Язык_Обучения: 'Русский',
Форма_учереждения: 'Государственная',
'Проектная мощность': '190',
'Фактическая наполненность': '240',
'%': '126%',
Наполненность: '',
KPI: 'red',
Рейтинг: '9.73',
}

Answer 1

尝试使用[Object.values()][1]

返回给定对象自己的可枚举属性值的数组

const preschool_data = {
Наименование: 'ГККП "ясли сад №1',
Язык_Обучения: 'Русский',
Форма_учереждения: 'Государственная',
'Проектная мощность': '190',
'Фактическая наполненность': '240',
'%': '126%',
Наполненность: '',
KPI: 'red',
Рейтинг: '9.73',
};
console.log(Object.values(preschool_data));

Answer 2

你得到的错误是什么？

以防万一，请检查以下内容：

1( 确保AppContext引用上下文而不是提供程序：

const AppContext = createContext()

2(在您的提供商中，请确保它是value的而不是valueS：

<AppContext.Provider value={{ preschool }}>