Question

我创建了一个可以从两个不同的方面到达的表单。在第一种情况下，当我在选择中创建一个新实体时，我想显示所有可供选择的数据。在第二种情况下，必须禁用此列表并传入值。

所以在第一种情况下我有：

名称：

<块引用>

value0（不显示任何内容）值1 值2 值3 ......

第二种情况：

名称：

<块引用>

value（我传递的值，选择和禁用）

所以我的代码是：

      isNew ? (
                <AvInput
                  id="name"
                  data-cy="name"
                  type="select"
                  className="form-control"
                  name="name.id"
                  required
                >
                  <option value="" key="0" />

                  {location.state.name !== 'null' ? (
                    <option selected value={location.state.id}>
                      {location.state.name}
                    </option>
                  ) : nameArray? (
                    sceRealms.map(otherEntity => (
                      <option value={otherEntity.id} key={otherEntity.id}>
                        {otherEntity.name}
                      </option>
                    ))
                  ) : null}
                </AvInput>
              ) : //.... other code..

在第二种情况下，我有一个字段

value=""

然后我可以选择的值，而我想直接获取选择和禁用的值，我该怎么办？

编辑：

（我试图更好地解释）

我有一个带有选择的表单，如果 location.state.name !== 'null' 我想直接在选择中显示 location.state.name，并且应该选择并禁用它。

如果 location.state.name == 'null' 我会显示：

<option value="" key="0" />
nameArray? (
                        sceRealms.map(otherEntity => (
                          <option value={otherEntity.id} key={otherEntity.id}>
                            {otherEntity.name}
                          </option>

ReactJS：选择选项值

0 个答案: