Не удалось загрузить defaultProptypes в Select - Ant Design - PullRequest
Новая
       18

Не удалось загрузить defaultProptypes в Select - Ant Design

0 голосов
/ 05 сентября 2018

не могли бы вы помочь с проблемой, пожалуйста? Я использую ANT Design в next.js, и я не могу загрузить список, который определен по умолчанию Proptypes. isSelectOptGroup of undefined - это сообщение, которое я получаю всегда. Таким образом, renderSelectoptions (Items) - это функция, которая принимает массив Items и после этого должна отображаться на экране. Но этого не произошло. 

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types';

import { Select as AntSelect, Option as AntOption } from './Select'
import FormItem from '../FormItem'
import Form from '../Form'


const propTypes = {
  // onChange: PropTypes.func.isRequired,
  form: PropTypes.object.isRequired,
  items: PropTypes.array,
  name: PropTypes.string,
  label: PropTypes.string,
  placeholder: PropTypes.string,
  options: PropTypes.object,
};

const defaultProps = {
  items: [
    {
      key: 1,
      value: 360,
      label: 'RSD'
    },
    {
      key: 2,
      value: 460,
      label: 'EuR'
    }
  ],
  name: 'hello',
  placeholder: 'RSD',
  label: 'Currency',
  options: { rules: [{ message: 'Please chose currency!' }] }
};

class Select extends PureComponent {
  handleSelectChange = (value) => {
    const { /*onChange,*/ form, name } = this.props
    form.setFieldsValue({
      [name]: value,
    });

    // onChange(value)
  }

  renderSelectOptions = items => items.map(item => (
    <AntOption key={item.key} value={item.value}>{item.label}</AntOption>))

  render() {
    const { name, label, placeholder, items, options, form } = this.props;
    return (
      <Form>
        <FormItem label={label}>
          { form.getFieldDecorator(name, { ...options })(
            <AntSelect
              size="large"
              placeholder={placeholder}
              onChange={this.handleSelectChange}
            >
              {items && this.renderSelectOptions(items)}
            </AntSelect>
          )}
        </FormItem>
      </Form>
    )
  }
}

Select.defaultProps = defaultProps;
Select.propTypes = propTypes;

const WrapperSelect = Form.create()(Select);

export default WrapperSelect;
...