Object.keys & Object.entries使用上的一些小区别

假定有如下格式的数据，目的就是配合使用Select下拉框组件渲染一个key为属性名，可见文本为属性值的UI效果。

// 文件类型 选择框枚举
    const fileTypes = {
        techfile: '技术文件',
        busfile: '商务文件',
        otherfile: '其他文件',
    }

Object.keys与map配合 的代码

<Select style={{ width: 100 }}
  placeholder="请上传文件"
  onChange={type => setCurrentFileType(type)}
  value={currentFileType}
  >
   {Object.keys(fileTypes).map( key => <Select.Option key={key} value={key} > {fileTypes[key] } </Select.Option>)}
</Select>

Object.entries与map配合 的代码

<Select style={{ width: 100 }}
  placeholder="请上传文件"
  onChange={type => setCurrentFileType(type)}
  value={currentFileType}
  >
   {Object.entries(fileTypes).map(([key,title]) => <Select.Option key={key} value={key} > {title} </Select.Option>)}
</Select>