Question

React JS 数组内的重复对象

2018-09-19

319

javascript reactjs

我的 constructor 中有一个“rails”数组，它们是导入的组件：

import MusicRail from '../../components/MusicRail';
import GamesRail from '../../components/GamesRail';
import MoviesRail from '../../components/MoviesRail';

constructor(props) {
   super(props);

   this.rails = [
      MusicRail,
     GamesRail,
     MoviesRail
  ]
}

如何克隆或复制第一个和最后一个对象，然后将其推送到 rails 数组？我可以使用 Object.assign() 吗？

我从数组中获取第一个和最后一个对象，如下所示：

const rails = this.rails;
const firstObject = this.rails[0];
const lastObject = this.rails.slice(-1)[0];

Answer 1

Object.assign 与 Array 无关（至少在这种情况下），您可能想尝试一下。

const rails = this.rails;
const firstObject = this.rails[0];
const lastObject = this.rails.slice(-1)[0];
this.rails = [...rails, firstObject, lastObject];

如果您正在尝试构建一个无限滑块。

this.rails = [lastObject, ...rails, firstObject];

Answer 2

使用 myArray.slice() 或 lodash 方法 _.cloneDeep()

您也可以使用 concat 或 spread 运算符：

let newArray = [
     ...arr
]