Сценарий типа Ant design Проверка поля ввода не работает - PullRequest
Новая
       15

Сценарий типа Ant design Проверка поля ввода не работает

0 голосов
/ 31 марта 2020

Я попытался выполнить сценарий реагирующего типа для Проверка поля ввода дизайна Ant , он не работает. Я получил эту ошибку

Свойство 'name' отсутствует в типе '{} 'но требуется в типе «Только для чтения»

Это мой код 

import * as React from "react";
import {Button, Card, Col,  Form, Icon, Input, Row,} from "antd";
import moment from 'moment';
import "./style.css";



const {TextArea} = Input;
const {Option} = Select;

const InputGroup = Input.Group;





export namespace Bookform {
    export interface Props {
       name:string;

    }
}

export class Bookform extends React.Component<Bookform.Props, any,any> {



    formRef: any = React.createRef();

    componentDidMount() {
        this.formRef.current.setFieldsValue({
            username: 'Bamboo',
        });
    }
    render() {

        return (

            <div className="my-book">
                <Form onSubmit={this.onSaveBook} name="base"  ref={this.formRef}>

                    <Row gutter={[8, 8]}>
                        <Card size="small" >
                            <Col span={12}>

                                <Form.Item 
                                    name="username" rules={[{ required: true }]}>
                                  <Input placeholder="My book"/>

                            </Form.Item>
                            </Col>

                        </Card>
                    </Row>
         <div>
                        <Button type="primary" htmlType="submit" block><Icon type="save"/>Add book</Button>


                    </div>

                </Form>
            </div>


        );
    }
}

1 Ответ

1 голос
/ 03 апреля 2020

Проблема с определением реквизита. Убедитесь, что всегда есть значение для name реквизита или сделайте его необязательным , как показано ниже. 

export interface Props {
    name?: string;
}
...