Cannot

[asafshen]

Hi,

Im trying to make an Select component that integrate with React-Formsy.

in order to do so - I want to pass the <input ../> component an required=true property (supported via select's inputProps).

<Select
    name="form-field-name"
    value="one"
    options={options}
    onChange={logChange}
     inputProps={{
              required: true,
              otherField: true
      }}

  />

var options = [
    { value: 'one', label: 'One' },
    { value: 'two', label: 'Two' }
];

function logChange(val) {
    console.log("Selected: " + val);
}

When I inspect the components in react chrome debugger - I can see that otherField: true but required: false.

As a matter of fact - all other props are propagated well to <input> except required.

Any Suggestions?

Thanks.

[TrevorBurnham]

Yes, required is indeed overridden by react-select:

react-select-plus/src/Select.js

Line 810 in 731c2a5

required: this.state.required,

You can't control it directly. You can only set required={true} on the <Select> component, in which case required will be true on the <input> if and only if no value is set.