antdtag.CheckableTag传值报错

teg.CheckableTag

  //MyCheckableTag 为子组件

 addCustomLabelS = (e) => {

    this.props.dispatch({type: 'CHECKABLETAG_ADD', item: {num: this.state.customLabelInputValue, status: "true"}})

    this.setState({

      customLabelInputValue: ''

    })

  }

  addCustomLabelInputChange = (e) => {

    this.setState({customLabelInputValue: e.target.value});

  }







 

import React, {Component} from 'react'

import {Tag} from 'antd';



const {CheckableTag} = Tag;



class MyCheckableTag extends Component {

  constructor(props) {

    super(props)

    console.log(props)

    this.state = {

      checked: props.status === 'true' ? true : false

    }

  }



  handleChange = (checked) => {

    this.setState({checked})

  }



  render() {

    return ;

  }

}



export default MyCheckableTag

let list = [

  {

    num: 1,

    status: 'true'

  }, {

    num: 2,

    status: 'false'

  }, {

    num: 3,

    status: 'true'

  }, {

    num: 4,

    status: 'false'

  }, {

    num: 5,

    status: 'true'

  },

]

let CheckableTag = (state = list, action) => {

  console.log(action.item)

  switch (action.type) {

    case 'CHECKABLETAG_ADD': {

      return [...state, action.item]

    }

    default:

      return state

  }



}

export default CheckableTag

handleChange

this.props.children

CheckableTag