Array

() => {
  const array = [1, 2, 3, 4]
  const [arr, setState] = useState(array)
  return (
    <div>
      <div>数组: {JSON.stringify(arr)}</div>
      <hr />
      <span
        className="btn theme mr10"
        onClick={e => {
          setState(RemoveArrayItem(arr, 1))
        }}
      >
        删除 1
      </span>
      <span
        className="btn red mr10"
        onClick={e => {
          setState(arr.remove(1))
        }}
      >
        使用 js 扩展删除 1
      </span>
      <span
        className="btn green"
        onClick={e => {
          setState(array)
        }}
      >
        重置
      </span>
    </div>
  )
}

() => {
  const array = ['a', 'a', 'b', 'c', 'd', 'e', 'e', 'e']
  const [arr, setState] = useState(array)
  return (
    <div>
      <div>数组: {JSON.stringify(arr)}</div>
      <hr />
      <span
        className="btn theme mr10"
        onClick={e => {
          setState(arr.deduplication())
        }}
      >
        去重
      </span>
      <span
        className="btn red"
        onClick={e => {
          setState(array)
        }}
      >
        重置
      </span>
    </div>
  )
}