react-component/cascader

单独使用 rc-cascader 时 trigger 组件出现问题

lpgray opened this issue · 3 comments

我这边想要开发一个组件,准备封装 rc-cascader ,所以单独 npm i rc-cascader,然后直接 import Cascader from 'rc-cascader',在使用时出现问题,报错信息如下:

复现代码:

const React = require('react');
const Cascader = require('rc-cascader');
// import { Cascader } from 'antd';

const options = [{
  value: 'zhejiang',
  label: '浙江',
  children: [{
    value: 'hangzhou',
    label: '杭州',
    children: [{
      value: 'xihu',
      label: '西湖',
    }],
  }],
}, {
  value: 'jiangsu',
  label: '江苏',
  children: [{
    value: 'nanjing',
    label: '南京',
    children: [{
      value: 'zhonghuamen',
      label: '中华门',
    }],
  }],
}];

class CascadeSelect extends React.Component {

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
        <Cascader options={ options } placeholder="请选择" />
    )
  }

}

我翻了你的 Demo ,发现要用 Cascader 包裹一个 input ......

我似乎发现了 rc-cascader 是一个基础组件......,并不是 antd.Cascader

原来我走错门了。