Как проверить мои выбранные формы в React?

Question

Я создаю многошаговую форму, и код, которым я собираюсь поделиться, это шаг 1. То, что я пытаюсь сделать, - это добавить проверку к моим элементам выбора в реакции. Не знаю как это сделать.

Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit, Sed Do EiusMod Tempor Incididunt U Labore et Dolore Magna Aliqua. Venenatis urna cursus eget nunc scelerisque. Pretium Fusce ID Velit Ut мучителя Pretium. Arcu vitae elementum curabitur vitae nunc sed velit dignissim. Bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Id diam maecenas ultricies mi eget mauris pharetra et. Odio aenean sed adipiscing diam donec adipiscing tristique. Ligula ullamcorper malesuada proin libero nunc concquat. Egestas sed tempus urna et pharetra pharetra. Sed vulputate mi sit amet mauris commodo quis imperdiet.

Facilisis leo vel fringilla est ullamcorper. Suspendisse потенция nullam ac tortor vitae purus faucibus ornare. В fermentum et al. Sollicitudin ac orci phasellus egestas Tellus. Auctor eu augue ut lectus arcu bibendum при вариусе. Ipsum Conquat nisl vel pretium lectus quam id.

import React, { Fragment } from "react";

import HelpTooltip from "@reusables/HelpTooltip";
import Select from "@reusables/Select";

const Dimension = () => {
    return (    
        <div className="container">
            <div className="row">
                <div className="col-md-12 col-page">
                    <h1 className="page-heading">Create Your KLC</h1> 
                    <p>Think of a leadership dimension and area that you want to work on:</p>
                </div>
                <div className="col-md-12"> 
                    <form id="form-dimension" noValidate>
                        <div className="form-group">
                            <p className="form-label">Your Dimension <i className="icon-help"></i></p>
                            <Select className="form-control" required>                                    
                                <option defaultValue>Choose your option</option>
                                <option value="option1">Option 1</option>                                                           
                                <option value="option2">Option 2</option>
                                <option value="option3">Option 3</option>
                                <option value="option4">Option 4</option>
                                <option value="option5">Option 5</option>
                            </Select>                                                                           
                        </div>
                        <div className="form-group">
                            <p className="form-label">Your Area <i className="icon-help"></i></p>
                            <Select className="form-control" required>                                   
                                <option defaultValue>Choose your option</option>
                                <option value="option1">Option 1</option>                                                           
                                <option value="option2">Option 2</option>
                                <option value="option3">Option 3</option>
                                <option value="option4">Option 4</option>
                                <option value="option5">Option 5</option>
                            </Select>                                                                         
                        </div>
                        <div className="footer-buttons">
                            <button type="button" className="btn btn-swans-down-fill btn-back">Cancel</button>
                            <button type="submit" className="btn btn-tradewind-fill btn-next">Next</button>
                        </div> 
                    </form>      
                </div>
            </div>
        </div>                           
    )
}

export default Dimension;

Answer 1

Вы можете использовать приведенную ниже библиотеку для проверки ваших форм

https://github.com/dockwa/simple-react-validator#readme