[英]How to get the value of all keys in an array with AppContext (React.js)
我有一個項目,我需要從 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
它是 main.js 文件
const preschool_data = [
{
Наименование: 'ГККП "ясли сад №1',
Язык_Обучения: 'Русский',
Форма_учереждения: 'Государственная',
'Проектная мощность': '190',
'Фактическая наполненность': '240',
'%': '126%',
Наполненность: '',
KPI: 'red',
Рейтинг: '9.73',
}
嘗試使用[Object.values()][1]
返回給定對象自己的可枚舉屬性值的數組
const preschool_data = { Наименование: 'ГККП "ясли сад №1', Язык_Обучения: 'Русский', Форма_учереждения: 'Государственная', 'Проектная мощность': '190', 'Фактическая наполненность': '240', '%': '126%', Наполненность: '', KPI: 'red', Рейтинг: '9.73', }; console.log(Object.values(preschool_data));
你得到什么錯誤?
以防萬一,請檢查以下內容:
1)確保AppContext
引用上下文而不是提供者:
const AppContext = createContext()
2)在您的提供者中,確保它是value
而不是valueS
:
<AppContext.Provider value={{ preschool }}>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.