Object 键值字符串

Question

晚上好，

在 React state 我有以下 object: ... .modals{search: true, social: false, menu: true, login: false}

Boolean 值会根据某些模态是否处于活动状态而变化。 我想基于true提取活动模态并将它们返回到我的反应组件中的data-modal属性中 - 这样我就可以将它们用于有条件的 CSS。

例如，上面的结果是data-modal="search menu" 。 换句话说，那些具有正值的键被添加到字符串中。

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

任何帮助，将不胜感激。

Answer 1

 const properties = {search: true, social: false, menu: true, login: false}; const whatYouNeed = Object.keys(properties).reduce((acc,val) =>acc + (properties[val]? `${val} `: ''),'').trim(); console.log(whatYouNeed);

Answer 2

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

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

现在您可以传递给data-modal={active}