在React中使用redux-form设置<select>默认值

Question

这高于我的薪水。我试图将下拉列表以redux格式放置，并使用默认值进行初始化，如对所做的那样。 自定义下拉组件的设置如下： const renderDropDownField =（{输入，标签，值，defaultValue}）=>（   <容器>     <行>                 {标签}                       <行>                        {values.map（（value，index）=>（                {value}             ））}                                    然后是表格中的字段   <字段     name =“ shuffle”     component = {renderDropDownField}     label =“ SHUFFLE [是/否]：”     values = {props.list.shuffle.values} //来自父级     defaultValue = {props.list.shuffle.default} //来自父级   /> 该字段中的defaultValue属性是多余的，因为初始值来自mapStateToprops中的defaultValues const mapStateToProps =（state，props）=>（{   enableReinitialize：false，   keepDirtyOnReinitialize：true，   initialValues：props.defaultValues }） 我尝试过在或标记中设置值，defaultValue和selected属性的所有排列，但是没有运气。   我们如何在下拉列表中设置初始值或默认值？ 正确设置了实际的表单值，但未在gui中设置该选项。 编辑 只是为了澄清其他将来关注此线程的人。在renderDropDownField函数中根本不需要defaultValue属性。您也不必在或中指定属性defaultValue。 在{initialValues：props.defaultValues}中说，正在传递所有字段的所有默认值，包括我们组件的默认值。例： this.state = {   默认值： {     随机播放：“否”   } }; 列表的选项像这样 this.dropdownListOptions = {     随机播放：{       值：[“是”，“否”]     }   }; 然后，只要状态中的默认值（即:)与选项列表中的值之一匹配，则redux-form将自动在窗体和gui中加载默认值。这是我的问题。我在状态中的值不同于该选项中的所有值。下面的答案可以帮助我进行故障排除。

2 个答案:

答案 0 :(得分：1)

您是否尝试过传递defaultValue属性进行选择？

const renderDropDownField = ({ input, label, values, defaultValue }) => (
  <Container>
    <Row>
      <Col sm="6">
        <label className="input-label">{label}</label>
      </Col>
      <Col sm="6">
        <Row>
          <select defaultValue={defaultValue} className="dropdown-list" {...input} >
            {values.map((value, index) => (
              <option key={value} value={value}>{value}</option>
            ))}
          </select>
        </Row>
      </Col>
    </Row>
  </Container>

答案 1 :(得分：0)

最简单的方法是使用JSX属性 defaultValue = {...}

<Row className="form-group">
    <Label htmlFor="rating" xs={12}>Rating</Label>
    <Col xs={12}>
        <Control.select model=".rating" name="rating" id="rating"className="form-control" 

            **defaultValue={1}**              >

              <option>1</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
        </Control.select>
    </Col>
</Row>

相关问题

• 无法在redux-form w中设置默认值。应对
• react-select中的默认值
• 具有redux形式的react-ranger中的默认值
• 确定如何设置默认值
• React Select with Redux React表单
• 如何使用react js在select中设置默认值
• 设置选择默认值不起作用
• 在React中使用redux-form设置<select>默认值
• 使用Redux Form反应选择设置的初始值
• 设置Redux形式的选择字段的默认值

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

您是否尝试过传递defaultValue属性进行选择？

const renderDropDownField = ({ input, label, values, defaultValue }) => (
  <Container>
    <Row>
      <Col sm="6">
        <label className="input-label">{label}</label>
      </Col>
      <Col sm="6">
        <Row>
          <select defaultValue={defaultValue} className="dropdown-list" {...input} >
            {values.map((value, index) => (
              <option key={value} value={value}>{value}</option>
            ))}
          </select>
        </Row>
      </Col>
    </Row>
  </Container>

Answer 2

最简单的方法是使用JSX属性 defaultValue = {...}

<Row className="form-group">
    <Label htmlFor="rating" xs={12}>Rating</Label>
    <Col xs={12}>
        <Control.select model=".rating" name="rating" id="rating"className="form-control" 

            **defaultValue={1}**              >

              <option>1</option>
              <option>2</option>
              <option>3</option>
              <option>4</option>
              <option>5</option>
        </Control.select>
    </Col>
</Row>