Javascript 如何像使用with map函数的数组一样使用我的对象 从“React”导入React，{useContext} 从“./subTheme select.module.css”导入样式 从“../store”导入StoreContext 常量子主题={ 蓝色：“蓝色”， 黄色：“黄色”， 粉红：“粉红”， 紫色：“紫色”， 橙色：“橙色”， 绿色：“绿色” } 功能子主题选择{ const store=useContextStoreContext 回来 {SUB_THEME.mapsubTheme=> store.changeSubThemee.target.value} /> {次主题[次主题]} } } 导出默认子主题选择

我想要一个像[蓝色、黄色、粉色、紫色、橙色、绿色] 我怎样才能做到这一点

这是错误消息

---

如何处理这个问题？

因为您试图映射一个对象，所以需要使用object.keys，它返回一个可以循环的对象键数组

Object.keys(SUB_THEME).map((key,index) => {
 const subTheme = SUB_THEME[key]
 return (
 <label className={styles.label}>
          <input
            type="radio"
            value={subTheme}
            name={subTheme}
            checked={subTheme === store.subTheme}
            onChange={(e) => store.changeSubTheme(e.target.value)}
          />
          {subTheme}
        </label>
  )
})

---

由于您试图映射一个对象，所以需要使用object.keys，它返回一个可以循环的对象键数组

Object.keys(SUB_THEME).map((key,index) => {
 const subTheme = SUB_THEME[key]
 return (
 <label className={styles.label}>
          <input
            type="radio"
            value={subTheme}
            name={subTheme}
            checked={subTheme === store.subTheme}
            onChange={(e) => store.changeSubTheme(e.target.value)}
          />
          {subTheme}
        </label>
  )
})

您可以按如下方式使用：

Object.keys(SUB_THEME).map( (key) => {
console.log(SUB_THEME[key]
})

您可以按如下方式使用：

Object.keys(SUB_THEME).map( (key) => {
console.log(SUB_THEME[key]
})

您需要Object.keys函数或Object.values

常量子主题={ 蓝色：“蓝色”， 黄色：“黄色”， 粉红：“粉红”， 紫色：“紫色”， 橙色：“橙色”， 绿色：“绿色” } //这将返回密钥 const-theme\u-keys=Object.keysub\u-theme //这将返回值 const theme_values=Object.values主题 然后你可以像这样绘制它们

theme_keys.map( key => {/*code here*/})
theme_values.map( key => {/*code here*/})

您需要Object.keys函数或Object.values

常量子主题={ 蓝色：“蓝色”， 黄色：“黄色”， 粉红：“粉红”， 紫色：“紫色”， 橙色：“橙色”， 绿色：“绿色” } //这将返回密钥 const-theme\u-keys=Object.keysub\u-theme //这将返回值 const theme_values=Object.values主题 然后你可以像这样绘制它们

theme_keys.map( key => {/*code here*/})
theme_values.map( key => {/*code here*/})

---

首先使用object.keysSUB_主题获取对象键。

首先使用object.keysSUB_主题获取对象键。

这是否回答了您的问题？是否可以指定“蓝色”的键是什么，或者是否需要“蓝色”的值。许多答案告诉您如何获取密钥，但我怀疑您想要这些值。这是否回答了您的问题？是否可以指定“蓝色”的键是什么，或者是否需要“蓝色”的值。许多答案告诉您如何获取密钥，但我怀疑您需要这些值。谢谢@Omar@HasanTezcannp，如果能解决你的问题，请接受我的回答谢谢@Omar@HasanTezcannp，如果它解决了你的问题，请接受我的回答