Javascript React钩子窗体和语义UI Dropbox const categories={value:“草莓”，标签：“草莓”}； { console.log（选中）；//控制台 返回{value:selected}； }} defaultValue={{} valueName=“已选定” />

我做了一个语义用户界面的下拉列表。我想获得一个选定的值，但控制台不显示选定的值。它只返回一个大对象。我应该如何实现下拉以获得选定的值？

---

无论如何，我还是想继续使用controller。

如果您只关注值而不是整个对象，则可能必须围绕该Dropbox构建一个包装器。

const categories = { value: "strawberry", label: "Strawberry" };


<Controller
              name="majorCategory"
              as={
                <Form.Dropdown selection options={categories} error={!!errors.majorCategory} />
              }
              control={control}
              rules={{ required: true }}
              onChange={([selected]) => {
                console.log(selected); // console
                return { value: selected };
              }}
              defaultValue={{}}
              valueName="selected"
            />