发布房源（三）04——提交表单-状态码是 200 & 发布成功-跳转到已发布房源页面 & headers请求头写法

发布房源——提交表单-状态码是 200 & 发布成功-跳转到已发布房源页面 & headers请求头写法

提交表单

• 在 addHouse 方法中，从 state 里面获取到所有房屋数据。
• 使用 API 调用发布房源接口，传递所有房屋数据。
• 根据接口返回值中的状态码，判断是否发布成功。
• 如果状态码是 200，表示发布成功，就提示：发布成功，并跳转到已发布房源页面。
• 否则，就提示：服务器偷懒了，请稍后再试~。

addHouse = async () => {
  const {
    tempSlides,
    title,
    description,
    oriented,
    supporting,
    price,
    roomType,
    size,
    floor,
    community
  } = this.state
  if (tempSlides.length === 0) {
    return
  } else {
    const form = new FormData()
    tempSlides.forEach(item => {
      form.append('file', item.file)
    })
    const res = await API.post(`houses/image`, form, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    })
    // console.log(res)
    const houseImg = res.data.body.join('|')
    // console.log(houseImg)

    const houseRes = await API.post(`/user/houses`, {
      houseImg,
      title,
      description,
      oriented,
      supporting,
      price,
      roomType,
      size,
      floor,
      community: community.id
    })
    console.log(houseRes)
    const { status } = houseRes.data
    if (status === 200) {
      Toast.info('发布成功')
    }
  }
}

房源提交信息效果