Question

我在官方文档中找不到此功能。只有我能找到的警告整个表单，例如

<Form warning>
...
<Form.Group widths="equal">
    ...
<Form.Dropdown
    ...
/>
<Message
    warning
    header="Could you check something!"
    list={[
        "That e-mail has been subscribed, but you have not yet clicked the verification link in your e-mail."
    ]}
/>

但是我只需要有关Form.Dropdown的消息。

我使用

<Form.Group widths="equal">

将多个项目放置在同一行上，如果我像上面显示的那样编写代码，则得到的消息将在Dropdown之后的行中显示。

我需要Message元素，该元素将显示在下拉列表下方。

Answer 1

我找到了答案。

<div className="field">
    <Form.Dropdown
        ...
    />
    <Message
        warning
        visible
        header="Could you check something!"
        list={[
        "That e-mail has been subscribed, but you have not yet clicked the verification link in your e-mail."
        ]}
    />
</div>

使用

<div className="field">...</div>

作为包装器。

如何在语义UI React中仅显示Form.Dropdown的警告消息？

1 个答案: