如何在Semantic-UI-React中将下拉列表恢复为默认值

时间:2016-10-29 02:54:28

标签: reactjs semantic-ui redux-form

在默认semantic-ui,我们可以执行以下选项:https://github.com/Semantic-Org/Semantic-UI/commit/b4ae26d24f75886c3d5f6fc4f00e176f09705a13 但是,如何在semantic-ui-react中完成?谷歌没有说什么,拜托,我需要帮助。

我想要实现的目标: 我正在使用redux-form。在我的表单中显示语义组件<Form.Select multiple ....>,并在成功提交后调用redux-form方法reset。一切都很好,形式很明确......但不是下拉/选择字段。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

我解决了以下问题:

Semantic-ui-react道具value设置为该字段的当前值。

<Form.Select
                    name={input.name}
                    options={options}
                    label={label}
                    placeholder={placeholder}
                    search
                    multiple
                    selectOnBlur={selectOnBlur}
                    onFocus={::this.handleFocus}
                    onBlur={::this.handleBlur}
                    onChange={::this.handleChange}
                    defaultValue={defaultValue || []}
                    value={input.value}
                    loading={loading} />