文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将js中的一组对象映射到另一个对象

问如何将js中的一组对象映射到另一个对象
EN

Stack Overflow用户

提问于 2019-01-24 21:13:59

回答 1查看 308关注 0票数 1

我有一个对象，我需要返回每个对象来检查它的映射结果。下面代码的问题就在这一行。

style: { ...map[settings] },

我需要一个方法来通过每一个设置，并把它传递给地图。不知道如何在es6中实现这一最有效的方法？

--这是将设置传递给PassThrough组件的值

const settings = {
  block_background: GradientGreen,
  block_spacing: padding,
};

这里是我的组件

const PassThrough = ({ children, settings }) => {
  const map = {
    GradientGreen: {
      background: 'linear-gradient(-95deg, green, blue 100%)',
    },
    padding: '20px',
  };

  const cloneChild = () => {
    return cloneElement(children, {
      style: { ...map[settings] },
    });
  };

  return (
    <Fragment>
      {cloneChild()}
    <Fragment/>
  );
};

javascript

reactjs

ecmascript-6

回答 1

Stack Overflow用户

发布于 2019-01-24 21:16:57

最短的可能是：

 inlineStyle: Object.assign({}, ...Object.entries(settings).map(([k, v]) => ({ [k]: map[v] })))

但实际上，我会将settings改为：

const settings = original => {
 block_background: original.GradientGreen,
 block_spacing: original.padding,
};

那就是：

inlineStlye: settings(map)

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54355373

复制

相似问题

问如何将js中的一组对象映射到另一个对象
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将js中的一组对象映射到另一个对象EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将js中的一组对象映射到另一个对象
EN