Javascript 基于值的字符串的对象键

晚上好,

在React状态中，我有以下对象：

。模态{search:true，social:false，menu:true，login:false}

布尔值的变化取决于某些模态是否处于活动状态。我想根据

true

提取活动模态，并将它们返回到我的react组件中的

数据模态

属性中，以便我可以将它们用于条件CSS

例如，上面的结果将是

data modal=“search menu”

。换句话说，那些具有正值的键被添加到字符串中

我玩过一些东西；join、map、foreach等，但找不到有效的组合

任何帮助都将不胜感激。

constproperties={search:true，social:false，menu:true，login:false}；
const whatYouNeed=Object.keys（properties）.reduce（（acc，val）=>acc+（properties[val]？`${val}`:“”），“”）.trim（）；
控制台日志（需要什么）
现在您可以传递到
数据模式={active}

const modals = {search: true, social: true, menu: true, login: false}

let active = ''
for(key in modals) {
  if(modals[key]) active += ' ' + key;
}