溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Ant Design的Form.Item組件的extra屬性用于在表單項下方顯示一段額外的提示文本。使用extra屬性可以提供更多的信息或者幫助用戶更好地理解表單項。要使用extra屬性，只需在Form.Item組件中設置extra屬性的值為要顯示的文本即可。
例如，以下是一個簡單的示例代碼，演示如何在Ant Design的Form.Item組件中使用extra屬性：
import { Form, Input, Button } from 'antd';
const MyForm = () => {
return (
<Form>
<Form.Item
label="Username"
name="username"
rules={[{ required: true, message: 'Please input your username!' }]}
extra="Please enter your username. It should be unique."
>
<Input />
</Form.Item>
<Form.Item
label="Password"
name="password"
rules={[{ required: true, message: 'Please input your password!' }]}
extra="Please enter your password. Make sure it's secure."
>
<Input.Password />
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit">
Submit
</Button>
</Form.Item>
</Form>
);
};
在上面的示例中，我們在兩個Form.Item組件中分別設置了extra屬性，為用戶提供了關于用戶名和密碼的一些額外提示信息。用戶在填寫表單時，可以看到這些提示信息，幫助他們更好地理解表單項。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
