基于Redux Form实现自定义下拉选择菜单的技术问询

嘿，我帮你把这段Redux Form下拉选择菜单的代码整理成清晰易读的格式啦，顺便给你加了点实用小提示：

<form 
  onSubmit={handleSubmit(this.dialogSubmitHandler.bind(this))} 
  style={{ width: '80%' }}
>
  <Field 
    label="Type" 
    name="type" 
    component={this.renderSelection}
  >
    <MenuItem value={'price'} primaryText="Price" />
    <MenuItem value={'volume'} primaryText="Volume" />
    <MenuItem value={'dailyHigh'} primaryText="Daily High" />
    <MenuItem value={'dailyLow'} primaryText="Daily Low" />
    {/* 可以在这里继续补充更多下拉选项 */}
  </Field>
</form>

实用小提醒 #

• 你的renderSelection组件得正确接收Redux Form传递的input、label和children这些props，才能让下拉菜单正常工作并同步表单值。给你一个基础的实现参考：

renderSelection = ({ input, label, children }) => (
  <FormControl>
    <InputLabel>{label}</InputLabel>
    <Select {...input}>
      {children}
    </Select>
  </FormControl>
)

• 从你用的MenuItem来看，应该是搭配了Material-UI组件，记得要提前把FormControl、InputLabel、Select这些组件都导入好哦~

内容的提问来源于stack exchange，提问作者Chris Wang