使用react在提交时附加加载组件

在使用React时，可以通过附加加载组件来实现在提交表单时加载附加组件的功能。附加加载组件是指在表单提交过程中显示一个加载提示，以增强用户体验。

具体实现方式如下：

1. 在React组件中，可以使用state来控制加载组件的显示与隐藏。可以定义一个布尔类型的state变量，命名为isLoading，初始值为false。
2. 在表单的onSubmit事件处理程序中，首先将isLoading设置为true，表示正在加载。
3. 在加载组件中，可以使用条件渲染（Conditional Rendering）的方式来显示加载提示。可以使用isLoading的值来决定加载组件是否显示。如果isLoading为true，则显示加载组件；如果isLoading为false，则隐藏加载组件。
4. 当表单提交完成后，可以在提交成功或失败的回调函数中将isLoading设置为false，表示加载完成。

这样，当用户提交表单时，加载组件会显示出来，提供给用户一个反馈，告知正在处理中。等到处理完成后，加载组件会自动隐藏。

React中常用的附加加载组件有很多，下面是一些常见的组件推荐：

• React Loading：一个简单易用的加载组件，支持自定义颜色、类型和大小。
• React Spinners：一套漂亮的加载动画组件库，提供多种样式和效果的加载动画。
• React Loading Overlay：一个可自定义的全屏加载组件，支持自定义加载文本和样式。

通过使用上述组件，可以实现在提交表单时附加加载组件的功能，提升用户体验。

请注意，以上推荐的组件只是其中的几个例子，实际使用时可以根据需求选择适合的加载组件。