账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    antd 自定义表单
    22
    0 
    <Form.Item>
                        {getFieldDecorator('discount_name', {
                            rules: [{required: true, message: ' '}],
                        })(
                            <div>
                                <Select
                                    showSearch
                                    style={{ width: 200 }}
                                    placeholder="Select a person"
                                    optionFilterProp="children"
                                    onChange={handleChange}
                                    onFocus={handleFocus}
                                    onBlur={handleBlur}
                                    filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                                >
                                    <Select.Option value="jack">Jack</Select.Option>
                                    <Select.Option value="lucy">Lucy</Select.Option>
                                    <Select.Option value="tom">Tom</Select.Option>
                                </Select>
                            </div>
                        )}
                    </Form.Item>

    如果包了一层div后，在使用validateFields验证的时候通过不了验证，取不到值

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • 闭眼听风 普通会员 1楼

      antd 自定义表单非常容易，你可以按照以下步骤进行操作：

      1. 首先，你需要在你的项目中引入antd库。你可以通过npm或yarn来安装。

      ```bash npm install antd

      或者

      yarn add antd ```

      1. 接下来，你需要创建一个新的antd组件。你可以使用create-react-app来创建一个新的React项目。

      bash npx create-react-app my-form cd my-form

      1. 在你的组件中，你需要创建一个用于输入数据的表单。你可以使用Form组件来创建一个表单。

      ```jsx import React from 'react'; import { Form, Input, Button } from 'antd';

      const MyForm = () => { return (

      ); };

      export default MyForm; ```

      1. 在你的组件中，你可以添加一些自定义样式。你可以使用style属性来添加样式。

      ```jsx const MyForm = () => { return (

      ); };

      export default MyForm; ```

      1. 最后，你可以将你的自定义表单添加到你的应用中。你可以使用render函数来渲染你的组件。

      ```jsx import React from 'react'; import MyForm from './MyForm';

      function App() { return (

      ); }

      export default App; ```

      以上就是使用antd自定义表单的基本步骤。你可以根据你的需求来修改和扩展你的组件。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部