react之ant design mobile如何只能上传一张图片

Question

ant design mobile 上的图片上传，如何只显示一个上传选择器啊，一用它，就出来四个啊，补称：`<ImagePicker   files={files}    onChange={this.onChange}    onImageClick={(index, fs) => console.log(index, fs)}    selectable={files.length < 5}    accept="image/gif,image/jpeg,image/jpg,image/png"     />`就是我只要左边那个带十字架的那个，并且让它居中，一次只能上传一张，可预览求解

Answer 1

这样不就好了，外边的样式你自己搞吧

multiple={true}是说你点上传框之后，一次性可以选一张还是多张图，false就只能一张张的上传

class ImagePickerExample extends React.Component {

  state = {

    files: [],

  }

  onChange = (files, type, index) => {

    console.log(files, type, index);

    this.setState({

      files,

    });

  }

  render() {

    const { files } = this.state;

    return (

      <div>

        <ImagePicker

          files={files}

          onChange={this.onChange}

          onImageClick={(index, fs) => console.log(index, fs)}

          selectable={files.length < 1}

          accept="image/gif,image/jpeg,image/jpg,image/png"

        />

      </div>

    );

  }

}

ReactDOM.render(<ImagePickerExample />, mountNode);