小编Pro*_*zak的帖子

我正在从端点获取图像并且无法将每个映射文件推送到我的本地数组中。我收到错误Argument of type 'any' is not assignable to type 'never'。

• 我尝试将所有参数设置blob为不成功。
• 尝试设置function(data)为data: any、data: {}、data: File[]，data: JSON并且都说地图功能不适用于这些类型。
• 我认为问题可能出在我的 state.mediaLibrary 中。也许这就是我需要分配数组类型的地方？

import * as React from "react"
import { Company } from "data/companies"
import { Asset } from "data/companies"

interface MediaLibraryProps {
  company: Company
}

class MediaLibrary extends React.Component<MediaLibraryProps> {
  state = {
    mediaLibrary: []
  }

  getMediaLibrary = async () => {
    await fetch(
      `${process.env.REACT_APP_SA_API_URL}/${this.props.company.id}/medialibrary`,
    ).then(blob => blob.json()) …

我想先通过预览来上传多张图像，然后提交以发送它们。我就遇到过这样的情况：TypeError: Cannot read property 'files' of null。它还只允许我上传一张图像。

• 我创建了files: []一种在提交之前安装图像以供审核的方法。
• 尝试创建一个接口files: File[] = file，然后在状态中声明它，但得到一个不同的错误file does not exist on type {}

import * as React from "react"

class ImageUpload extends React.Component {
  state: {
    files: []
  }

  fileSelectedHandler = (file: any) => {
    let addedFiles = this.state.files.concat(file)
    this.setState({ files: addedFiles })
    console.log("upload file " + file.name)
  }

  render() {
    return (
      < form >
        <div>
          <h2>Upload images</h2>
        </div>
        <h3>Images</h3>
        <input type="file" onChange={this.fileSelectedHandler} />
      </form>
    ) …

如果不满足条件，我无法禁用链接 onClick。

• 尝试将逻辑导出到渲染外部的函数，使用 if 条件不满足，防止默认，否则执行调度。按钮始终以这种方式禁用。
• 尝试使用 CSS 禁用点击，但意识到我可以点击 Tab 并输入绕过。
• 尝试向链接添加 disabled={} 但它不起作用。
• 尝试在 onClick 中检查是否满足条件，否则未定义。还是通过。

1ST ATTEMPT

class Order extends React.Component<OrderProps> {

  state = { referenceIsValid: true }

  handleClick = (e: any) => {
    if (!this.state.referenceIsValid) {
      e.preventDefault()
    } else {
      this.props.postProspect()
    }
  }
    render() {
  const {
    configuration: { referenceType, reference }
  }

  if (referenceType && referenceType === "required") {
    referenceIsValid = reference && reference.length > 0
  }

  return (
    {(referenceType === "required" || referenceType === "optional") && …

我根据值是有条件地显示图像。该值是一个字符串。但是，它仅返回第一张图像。它不会遍历整个功能。

• 我尝试在值周围放置方括号，它确实起作用，但仅检查第一个字符串。
• 尝试使用一个等号，不会改变任何内容。

  methods: {
    resultImage(value) {
      if (
        value === 'Less likely' ||
        'More likely light' ||
        'More likely blue' ||
        'More likely curly'
      ) {
        return this.low
      } else if (value === 'Average chance') {
        return this.medium
      } else if (
        value === 'Somewhat more likely' ||
        'Somewhat more likely brown' ||
        'Somewhat more likely curly'
      ) {
        return this.mediumHigh
      } else if (
        value === 'More likely' ||
        'More likely dark' ||
        'More likely brown' ||
        'More …