[SelectField, DropDown] Empty value

[btzsoft]

Problem description

Value of these components is missing, also child DropDown component contains undefined in id.

  <SelectField
     floatingLabelText="Frequency"
     value={"ssss"}
  >
    <MenuItem value={1} primaryText="Never" />
    <MenuItem value={2} primaryText="Every Night" />
    <MenuItem value={3} primaryText="Weeknights" />
    <MenuItem value={4} primaryText="Weekends" />
    <MenuItem value={5} primaryText="Weekly" />
 </SelectField>

Versions

• Material-UI: 0.16.4
• React: 15.4.1
• Browser: Chrome

[btzsoft]

Oh, I didn't know that value of SelectField should match with any from MenuItem

[priyanshuchauhan]

Try putting this in your build:

var injectTapEventPlugin = require("react-tap-event-plugin");
   injectTapEventPlugin();

Make sure that function is ran before you render anything to page.

Reference: #1011