如何在JavaScript中列出對象？

Question

我正在使用react，並且我需要在列表中添加文件。

this.state = { 
    some: {
         names: [],
         keys: 0
    } 
    file: {
       images: [] 
    } 

}
newSome = () => {
    const some = {
        ...this.state.some,
        ['name'] = 'inputed name',
        [keys] = this.state.some.keys++    
}

handleChange = (field,key) => event => {
       const file = {...this.state.file}
        file['images'].push({[key] : event.target.files[event.target.files.length-1]})
        this.setState({file}) 

}

render(){
    const {key} = this.state.some
    return (
       <input type='file' onChange={this.handleChange('images', key)}/>
   )

}

我有一dictionary ，其中有“帶有圖像的名稱”和“沒有圖像的名稱”。 在images ，我具有名稱的圖像。 例如： name['maria', 'joao', renato]和joao沒有圖片...，所以在圖片中我有images[{0: file0},{2: file1}] 。 當我加載圖像時，在第一個操作中它可以工作，但是在第二個操作中卻不起作用，並出現錯誤TypeError: file.images.push is not a function 。 我該怎么辦？

Answer 1

state = {
    some: {
      names: [],
      key: ""
    },
    file: {
      images: []
    }
  };

  handleChange = (field, key) => event => {
    const { files } = event.target;
    const file = {
      images: [...this.state.file.images, { [key]: files[files.length - 1] }]
    };
    this.setState({ file });
  };

  render() {
    const { key } = this.state.some;
    return <input type="file" onChange={this.handleChange("images", key)} />;
  }