ReactJS - Как проверить поля ввода

Question

Я использую реактивные компоненты. есть более одного входа. Как мне установить некоторые поля на «обязательные». то есть пользователь не может перейти в режим ожидания. как можно сделать такие ограничения?

<Row>
   <Col xs="2">customer name</Col>
   <Col xs="6">
        <Input
        required
        maxLength={"20"}
        type={"text"}
        placeholder={"customer name"}
        name={"customerName"}
        defaultValue={this.state.customerName}
        onChange={this.handleChange}
        />
   </Col>
</Row>

Answer 1

Вы пробовали это: https://availity.github.io/availity-reactstrap-validation/? Проделывает довольно хорошую работу.

Извините, что пишу здесь, но, похоже, репутации недостаточно, чтобы отвечать.

Доступность-реакция-проверки расширяет формы реагирующих ремней с помощью некоторых полезных функций, таких каквалидация.

Чтобы метки были слева, а входы справа, вы можете смешать их следующим образом:

<AvForm onValidSubmit={handleValidSubmit} onInvalidSubmit={handleInvalidSubmit}>
        <FormGroup row>
            <Label for="name" sm={2}>Name</Label>
            <Col sm={10}>
                <AvField name="name"  type="text" required />
            </Col>
        </FormGroup>

    </AvForm>

Убедитесь, что вы импортировали все библиотеки.