Ken428965 2022-10-13 18:22 采纳率: 53.4%
浏览 675
已结题

react,FilterPicker报错Uncaught TypeError: Cannot read properties of undefined (reading 'map')?

在使用的react版本如下:

img


已写的代码:

import React, { Component, useState } from 'react'

import { PickerView } from 'antd-mobile'
import FilterFooter from '../../../../components/FilterFooter'


export default class FilterPicker extends Component {

  state = {
    value: this.props.defaultValue
  }
  // constructor(props) {
  //   super(props)
  //   console.log('FilterPicker 创建了')
  //   this.state = {
  //     value: this.props.defaultValue
  //   }
  // }

  render() {
    const { onCancel, onSave, data, cols, type } = this.props
    // const { onCancel, onSave, data, cols, type } =()=> this.props
    const { value } = this.state

    return (
      <>
        
        <PickerView
          data={data}
          value={value}
          cols={cols}
          onChange={val => {
            this.setState({
              value: val
            })
          }}
        />

        {/* 底部按钮 */}
        <FilterFooter
          onCancel={() => onCancel(type)}
          onOk={() => onSave(type, value)}
        />
      </>
    )
  }
}

希望实现以下效果:
点击“区域”、“方式”、“租金”、“筛选”四个标签都会弹出不同的白色窗口,并自动匹配不同的数据:

img

img

img

img

目前效果如下,chrome浏览器报错:

img

img


请问代码出了什么问题?请问如何修改?

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2022-10-13 18:46
    关注

    data 数据 对吗? 格式对不对

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月21日
  • 已采纳回答 10月19日
  • 修改了问题 10月18日
  • 修改了问题 10月14日
  • 展开全部

悬赏问题

  • ¥15 imageEnView绘图问题
  • ¥15 关于#python#的问题:您好可以加您一下联系方式吗,在复现的时候确实有点问题难以解决
  • ¥15 联想电脑重装系统时无法发现硬盘
  • ¥15 MATLAB与UR10e实体机械臂建立通讯
  • ¥15 c++题需要快一点不用opencv
  • ¥15 关于#java#的问题:想要咨询Flowable流程引擎框架的问题
  • ¥15 vscode里面怎么用plaformio强调串口啊
  • ¥20 针对计算后数据做一致性检验可以用Bland Altman法吗
  • ¥15 win32如何自绘编辑框的背景图片(语言-c++|操作系统-windows)
  • ¥15 微信夜间被转走了1w对,当天手机剪切板里就出现了这个乱码,有铁子可以看看是啥吗可以