проверка поля ввода нажатием кнопки

Question

У меня есть несколько полей и кнопка. Как только я нажимаю кнопку, я хочу проверить поля и показать красное поле с сообщением (как на картинке, которую я прикрепил). например, если пользователь заполнил поле идентификатора города и поле регистрации и не заполнил другие поля, и если он нажимает кнопку фильтра, он должен указать пользователю заполнить поле проверки. ниже показан возможный сценарий нажатия кнопки ios без сообщения об ошибке. 1. ID города 2. ID города и даты регистрации заезда. если кто-нибудь знает ответ, пожалуйста, скажите!

filterProperties = () => {
        let checkin = this.state.checkin;
        let checkout = this.state.checkout;
        let guestCount = this.state.guest_count;
        let cityID = this.state.selectedcityID;
        let budget = parseFloat(this.state.textthree).toFixed(2);
        const cityProperties = {
            checkin: checkin,
            checkout: checkout,
            guestCount: guestCount,
            cityID: cityID,
            budget: budget
        }
        this.props.getCityProperties(cityProperties);
    }

У меня есть такие поля, как это. (показано только одно поле)

                      <span>
                            {getFieldDecorator('check_out', {
                                rules: [
                                    {
                                        required: true,
                                        message: 'Please select a Check Out Date',
                                    }, {
                                        validator: this.checkCheckoutDates,
                                    }
                                ],
                            })(<DatePicker
                                disabled={(this.state.checkin === '')}
                                disabledDate={this.disabledDateCheckout}
                                onChange={(e) => this.dateSelected(e, 'checkout')}
                                defaultValue={moment(new Date((new Date()).valueOf() + 1000 * 60 * 60 * 24))}
                                format={dateFormat}
                            />)}
                        </span>

                <div className="isoInputFieldset">
                    <Button onClick={this.filterProperties} type="primary" style={{ marginRight: "20px" }}>Filter</Button>
                </div>

введите описание изображения здесь

if(cityID !=='' && checkin ==='' && checkout ==='' && guestCount ===0 && budget==='NaN'){
            const cityProperties = {
                checkin: checkin,
                checkout: checkout,
                guestCount: guestCount,
                cityID: cityID,
                budget: budget
            }
            console.log(cityProperties);
            this.props.getCityProperties(cityProperties);
        }else if(cityID !=='' && checkin !=='' && checkout !=='' && guestCount ===0 && budget==='NaN'){
            const cityProperties = {
                checkin: checkin,
                checkout: checkout,
                guestCount: guestCount,
                cityID: cityID,
                budget: budget
            }
            console.log(cityProperties);
            this.props.getCityProperties(cityProperties);
        }

это то, что я пробовал. как сделать поля красными с сообщением?