Пакет реагировать на выбор не работает в сборке

Question

Я сталкиваюсь с этой ошибкой во время сборки.

При создании сборки реактивного проекта раскрывающийся список реагировать на выбор не работает, и мы также добавили некоторый дизайн (CSS) в раскрывающийся список реагирующего выбора.

Также я хочу отобразить сообщение об ошибке, используя проверку в форме редукса.моя ошибка, как это: https://cloud.githubusercontent.com/assets/11028434/13355530/26648d8c-dca1-11e5-9776-15c795a8fb2b.gif Мой код:

class AddArtwork extends React.Component {
    constructor(props) {
        super(props);
          this.state = {defaultval: "Select material" }
        }
    GetMedium() {
       var =materialArray[];
        materialArray = [{"value":0,"label":"Select material"}
        {"value":1,"label":"aa"},
        {"value":2,"label":"bb"},
        {"value":3,"label":"cc"},
        {"value":4,"label":"dd"},
        {"value":5,"label":"ee"},
        {"value":6,"label":"ff"},
        {"value":7,"label":"gg"}];
         return materialArray;     
        }
    MaterialDropdown = ({ input, meta ,options}) => {
    return (<div className="react-select">
            <Select
            {...input}
            onBlur={() => input.onBlur(input.value)}
            placeholder={this.state.defaultval}
            name="material"
            options={this.GetMedium()}
            />
            {   
              this.renderError(meta)
            }
            </div>);
}


render(){
 return (<form>
   <Field
     id="material"
     name="material"
     component={this.MaterialDropdown}/>
  </form>)
}
}

Answer 1

Если я правильно читаю, вы используете redux-form. Реквизит для вашего MaterialDropdown неправильный. redux-form не переносит реквизиты, которые он дает компоненту, в другой объект. Они напрямую доступны из объекта реквизита:

MaterialDropdown = ({value, onChange, ...props}) => {

    /* ... */

    <Select
        value={value}
        onChange={onChange}
        { ... }
    />

    /* ... */
}

Документация содержит список реквизитов, которые передаются непосредственно вашему компоненту.