116 | </FormItem> 117 | <Button className="c-w-[90px]" type='primary' style={commonButtonStyle} loading={isLoading} htmlType='submit'>绑定信息</Button> > 118 | </FormItem> | ^ 119 | </Form> 120 | </div> 121 | ); 10:10:12 [vite] Internal server error: D:\IDEA\IdeaProjects\react\src\pages\Account\Bind.tsx: Expected corresponding JSX closing tag for <Form>. (118:4) 116 | </FormItem> 117 | <Button className="c-w-[90px]" type='primary' style={commonButtonStyle} loading={isLoading} htmlType='submit'>绑定信息</Button> > 118 | </FormItem> | ^ 119 | </Form> 120 | </div> 121 | ); Plugin: vite:react-babel File: D:/IDEA/IdeaProjects/react/src/pages/Account/Bind.tsx 116| </FormItem> 117| <Button className="c-w-[90px]" type='primary' style={commonButtonStyle} loading={isLoading} htmlType='submit'>绑定信息</Button> 118| </FormItem> | ^ 119| </Form> 120| </div>

根据你提供的代码片段，看起来你在第118行缺少了对<FormItem>的关闭标签。</FormItem>应该在118行之前添加。</FormItem>标签，以匹配开放标签<FormItem>。这将解决你遇到的错误信息。你可以尝试在代码中添加以下行：

</FormItem>

这样，你的代码就会变成：

116 |     </FormItem>
117 |     <Button className="c-w-[90px]" type='primary' style={commonButtonStyle} loading={isLoading} htmlType='submit'>绑定信息</Button>
118 |     </FormItem>
119 |     </Form>
120 | </div>
121 | );

请确保所有的开放标签都有相应的关闭标签，以保持正确的语法。希望这可以帮助到你！如果你还有其他问题，请随时提问。

相关问题

<div className="left-container2 c-mt-[40px] c-ml-[33px]"> <div className="c-w-[330px] " style={{textAlign:'center',fontFamily:'黑体',fontWeight:'bold', color:'white' , fontSize:22}}><span >农作物草谷比与秸秆可收集系数监测系统</span></div> <div className="input-container c-ml-[45px]"> <Form onSubmit={handleSubmit} style={{width:300}} > <FormItem field="username" style={{marginBottom:10}}> <Input type="text" name="username" placeholder="用户名" style={{backgroundColor:'rgba(255, 255, 255, 0.67)'}} /> </FormItem> <FormItem field="password" style={{marginBottom:10}} > <Input className='c-my-2' type="password" name="password" placeholder="密码" style={{backgroundColor:'rgba(255, 255, 255, 0.67)'}} /> </FormItem> <Button type='primary' status='success' loading={isLoading} htmlType="submit" size='large' className='c-w-[80px]' style={{ color: "white", backgroundColor: "rgba(0,180,42,0.67)" ,width:120,height:30, marginLeft:55}}>登录</Button> </Form> </div> </div> </div>

这段代码是一个包含登录表单的React组件，根据你提供的代码，这是一个登录页面的布局。在这个布局中，有一个包含标题、用户名输入框、密码输入框和登录按钮的表单。

根据代码的结构，这是一个外层容器div，包含了一个类名为"left-container2 c-mt-[40px] c-ml-[33px]"的div。在这个div中，有一个类名为"c-w-[330px]"的div，用于显示标题"农作物草谷比与秸秆可收集系数监测系统"。接下来是一个类名为"input-container c-ml-[45px]"的div，用于包含表单元素。在这个div中，使用了一个Form组件来包装表单元素。在Form组件内部，有两个FormItem组件，分别用于用户名输入框和密码输入框。每个FormItem组件包含一个Input组件作为子元素，用于实际的输入。最后，有一个Button组件作为登录按钮。

整体来说，这段代码展示了一个简单的登录页面布局，包含了用户名、密码和登录按钮。你可以根据自己的需要进行进一步的样式和交互的调整。如果你有更多的问题，请随时提问！

<table class="table text-center"> <tr> <td class="table-light" style="width: 45px" > <input type="checkbox" id="selectAll"> </td> <td class="table-primary">学生编号</td> <td class="table-info">学生学号</td> <td class="table-success">学生姓名</td> <td class="table-danger">学生性别</td> <td class="table-warning">学生出生日期</td> <td class="table-info">学生地址</td> <td class="table-light">学生电话</td> <td class="table-primary">学生照片</td> <td class="table-danger">学生班级</td> <td class="table-dark">操作</td> </tr> <c:forEach items="${list.list }" var="student" varStatus="status"> <tr> <td style="width: 45px" ><input type="checkbox" name="idCheckbox" value="${student.stuId }"> </td> <td>${student.stuId }</td> <td>${student.stuNo}</td> <td>${student.stuName }</td> <td>${student.stuSex }</td> <td>${student.stuBirth }</td> <td>${student.stuAddress }</td> <td>${student.stuPhone }</td> <td><img alt="" src="${pageContext.request.contextPath}/images/StudentPhoto/${student.stuPhoto }" width="100px" height="100px"></td> <td>${student.classes.className }</td>美化一下

你可以使用 Bootstrap 或者其他 CSS 框架对这个表格进行美化。例如，可以添加表头样式、表格边框、表格行的鼠标悬停效果等等。以下是一个简单的示例：

<table class="table table-bordered table-hover">
  <thead class="thead-dark">
    <tr>
      <th style="width: 45px"><input type="checkbox" id="selectAll"></th>
      <th>学生编号</th>
      <th>学生学号</th>
      <th>学生姓名</th>
      <th>学生性别</th>
      <th>学生出生日期</th>
      <th>学生地址</th>
      <th>学生电话</th>
      <th>学生照片</th>
      <th>学生班级</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <c:forEach items="${list.list}" var="student" varStatus="status">
      <tr>
        <td><input type="checkbox" name="idCheckbox" value="${student.stuId}"></td>
        <td>${student.stuId}</td>
        <td>${student.stuNo}</td>
        <td>${student.stuName}</td>
        <td>${student.stuSex}</td>
        <td>${student.stuBirth}</td>
        <td>${student.stuAddress}</td>
        <td>${student.stuPhone}</td>
        <td><img alt="" src="${pageContext.request.contextPath}/images/StudentPhoto/${student.stuPhoto}" width="100px" height="100px"></td>
        <td>${student.classes.className}</td>
        <td>操作按钮</td>
      </tr>
    </c:forEach>
  </tbody>
</table>

你可以根据自己的需求进行调整，达到更好的视觉效果。