Reactjs 如何在React中验证我选择的表单？

我正在创建一个多步骤表单，我将要共享的代码是步骤1。我试图做的是在react中为我的select元素添加验证。我不知道怎么做

知识是一种美德，是一种美德，是一种美德，是一种美德。维内纳提斯乌纳·库苏斯·埃吉特·努克十字勋章。前镰刀菌是玉米饼的一种。这是一种高贵的生活方式。这是一个很好的例子。我和莫里斯·法雷特拉以及奥迪奥·埃尼安都是一对夫妇。利古拉·乌拉姆科珀·马莱苏阿达·普罗因·努克·康塞奎特。埃格斯塔斯·塞德·坦普斯·乌尔纳和法雷特拉·法雷特拉。我坐在阿梅特·莫里斯·康莫多·奎斯的位子上

设施为leo vel fringilla和ullamcorper。潜在侵权行为的中止。在发酵液和溶剂中，如黄花蛇舌草。拍卖人eu augue ut lectus arcu bibendum在varius。同侧前额

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;

import React，{Fragment}来自“React”；
从“@reusables/HelpTooltip”导入帮助工具提示；
从“@reusables/Select”导入Select；
常量维度=（）=>{
报税表（
创建您的KLC
想一想你想从事的领导力维度和领域：

您的维度
选择你的选择
选择1
选择2
选择3
选择4
备选案文5
您的区域
选择你的选择
选择1
选择2
选择3
选择4
备选案文5
取消
下一个
)
}
导出默认维度；

您可以使用下面的库来验证表单

---

谢谢！但我需要的是HTML5。比如我如何将这个验证放在上面的代码中？