在react中以递归方式呈现元素内的元素
在React中以递归方式呈现元素内的元素，可以通过创建一个递归组件来实现。递归组件是指在组件内部调用自身的组件。
首先，我们需要定义一个递归组件，可以命名为RecursiveComponent。在该组件中，我们可以通过递归调用自身来呈现元素内的元素。以下是一个示例代码：
import React from 'react';
const RecursiveComponent = ({ elements }) => {
return (
<ul>
{elements.map((element, index) => (
<li key={index}>
{element.name}
{element.children && (
<RecursiveComponent elements={element.children} />
)}
</li>
))}
</ul>
);
};
export default RecursiveComponent;在上述代码中，我们传入一个名为elements的数组作为参数，该数组包含了要呈现的元素及其子元素的信息。通过使用map函数遍历elements数组，我们可以逐个呈现每个元素，并检查是否存在子元素。如果存在子元素，则通过递归调用RecursiveComponent组件来呈现子元素。
使用该递归组件的示例代码如下：
import React from 'react';
import RecursiveComponent from './RecursiveComponent';
const elements = [
{
name: 'Element 1',
children: [
{
name: 'Element 1.1',
children: [
{
name: 'Element 1.1.1',
children: []
},
{
name: 'Element 1.1.2',
children: []
}
]
},
{
name: 'Element 1.2',
children: []
}
]
},
{
name: 'Element 2',
children: []
}
];
const App = () => {
return (
<div>
<h1>Recursive Component Example</h1>
<RecursiveComponent elements={elements} />
</div>
);
};
export default App;在上述示例代码中，我们创建了一个名为elements的数组，其中包含了要呈现的元素及其子元素的信息。然后，在App组件中，我们将elements数组作为参数传递给RecursiveComponent组件来呈现元素。
这样，当我们在React应用中使用这个递归组件时，它将以递归方式呈现元素内的元素，直到没有子元素为止。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于运行您的应用程序。
- 腾讯云云数据库 MySQL 版：提供高性能、可扩展的云数据库服务，适用于存储和管理数据。
- 腾讯云对象存储（COS）：提供安全、可靠的云存储服务，用于存储和访问各种类型的数据。
- 腾讯云人工智能（AI）：提供各种人工智能服务和工具，用于构建智能化应用程序。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，用于连接和管理物联网设备。
- 腾讯云移动开发（MSS）：提供移动应用开发和运营的云服务，包括推送、分析、测试等功能。
- 腾讯云区块链（BCS）：提供安全、高效的区块链服务，用于构建和管理区块链网络。
- 腾讯云音视频处理（MPS）：提供音视频处理和分发的云服务，用于处理和转码音视频文件。
- 腾讯云云原生应用引擎（TKE）：提供弹性、可扩展的云原生应用托管服务，用于部署和管理容器化应用程序。
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的腾讯云产品。
相关·内容
我希望在react项目中构建和显示一个可折叠的树结构，该项目是基于作为后端端点调用响应的数组对象创建的。我希望获取复杂的json对象/文件数组，然后在复杂json对象结构中显示它们。有没有人知道如何处理类似这样的事情，或者我可以用来完成这一任务的工具。
我想拿一个像这样的东西：
data = [
{
type: "folder",
name: "animals",
path: "/animals",
children: [
{
type: "folder",
浏览 0提问于2019-05-23得票数 2
我正在使用ReactJS和上下文-API开发一个购物车应用程序，到目前为止，我实现了以下目标：
从Firebase加载我的产品，将产品添加到cart
下一步是显示购物车在用户单击适当图标时加载模式表单的内容，但在本部分中，我得到了以下错误：
目标容器不是DOM元素
这是来自FoodOrder的代码，这是最重要的代码之一：
import React, { useState } from "react";
import Header from "./Layout/Header";
import Meals from "./Meals/Meals&#
浏览 13提问于2022-04-14得票数 0
在ES6语法中，很容易理解从React扩展组件的组件是React组件。例如：
import { Component } from 'react';
class ExampleComponent extends Component {
render(){
return(
//render component content here
)
}
}
但是，如果您使用无状态组件方法重写它：
const ExampleComponent = (props) => {
return
浏览 2提问于2017-03-23得票数 3
回答已采纳
1回答
如何动态呈现子数组组件
、、、
我想呈现动态组件，但不能呈现子组件nextcomp[]。目前只有第一个组件文本呈现。
const item = [{
component: "text",
label: "Name",
Type: "text",
nextComp: [{
component: "checkbox",
label: "yes",
question: "Do you Play football",
type: "ch
浏览 8提问于2022-01-30得票数 1
回答已采纳
App.js：
function App() {
return (
<div className="App">
<MyComponent />
</div>
);
}
export default App;
MyComponent.js：
import React, { Component } from 'react'
class MyComponent extends Component {
constructor(props) {
super(props)
thi
浏览 0提问于2020-05-11得票数 0
import React from 'react';
import './App.css';
import Message from "./components/Message";
function App() {
return (
<div className="App">
<Message>
<p>Hello World</p>
</Message>
浏览 2提问于2022-02-09得票数 0
回答已采纳
1回答
在一个React文件中，我有以下内容：
ReactDOM.render(
<BlogButton />,
document.getElementById('nav-blog--react')
);
ReactDOM.render(
<NavButton />,
document.getElementById('nav-home--react')
);
ReactDOM.render(
<PoweredByButton />,
document.getElementById(
浏览 0提问于2016-01-22得票数 1
如何使用下列数据为给定树实现bfs并显示其结构
Parent:
- Child1
- Child11
- Child2
data:
[{
"id":23,"parentid":0,"children":
[{
"id":20,"parentid":23,"children":
[{
"id":62,"parentid":20,"children":
[{
浏览 2提问于2019-08-06得票数 1
回答已采纳
编辑这篇文章是因为我自己的困惑，很抱歉。
在JSX中设置<option>元素的selected属性非常有效，但它会导致React抛出一个警告：
Warning: Use the 'defaultValue' or 'value' props on <select> instead of setting 'selected' on <option>.
在父<select>元素上设置defaultValue会导致<select>的value默认为该设置，但它不会设置默认的选定<opti
浏览 0提问于2016-04-19得票数 4
我试图在react上的父组件上创建一个html元素，并在子组件中访问子组件div，然后我可以从子组件中附加新元素到div中。 经过多次尝试，我无法在子构造函数上修复props.canvasDivElement.current = null。 我尝试过使用REF和不使用REF来实现这一点。到目前为止还没有发现。 有什么想法吗？ 父组件如下所示： import React from "react";
import ReactViewer from "../ReactViewer/ReactViewer";
export default class CanvasW
浏览 111提问于2019-09-20得票数 1
回答已采纳
我试图使用React上下文来更新绑定到对象数组中的属性的视图。是否需要为每个属性创建一个单独的状态处理程序，还是克隆数组以触发呈现。什么是最佳实践--性能明智？
作为我正在努力实现的基本示例:我有以下objectA
objectA {
msg: string,
subObjects: objectA[]
}
应用程序：
App -> Textfield (绑定到objectA:msg) App -> SubComponent -> TextField (x多个，每个绑定到subObject.msg)应用程序-> ViewComponent -> Sh
浏览 0提问于2020-05-22得票数 0
1回答
我是一个初学者前端开发，我试着做一个虚构的网站。我正在学习如何对路由器做出反应。所以，当我试图点击家庭/关于或联系按钮，它不会打开它。我做错了什么？
下面是我的代码：
我的应用程序代码：
import React from 'react';
import './App.css';
import Navibar from './Components/Navibar';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import Hom
浏览 2提问于2022-12-03得票数 1
我有一个管理HTML音频元素的React组件。有两种方法可以做到这一点:将音频元素作为属性放在类实例上，或者将其放入render()方法中并在其上粘贴ref。
因为第二个选项不是直接创建音频元素，而是通过React.createElement创建，所以我可以使用React合成事件系统-而第一个选项需要使用addEventListener添加事件侦听器。我的问题是，第二种选择是否有任何优势？
(选项1)
class A extends React.Component {
audio = new Audio();
componentDidMount() {
this.audio.a
浏览 70提问于2018-06-01得票数 0
回答已采纳
2回答
我是新来的，所以我希望问题不要太愚蠢。
简而言之:我想在另一个组件道具中使用某个组件。但它的运作并不像人们所期望的那样。
我想在以下组件中使用：
为了进行测试，我编写了以下代码：
import React,{Component} from 'react';
import SplitPane from "react-split-pane";
import MuiTreeView from 'material-ui-treeview';
import Demo from './demo';
export class App ext
浏览 0提问于2018-10-01得票数 0
回答已采纳
这一点对我来说还不清楚，而且我也找不到任何关于它的文档。
当要卸载React组件(即调用componentWillUnmount )时，是否保证所有后代都将正确卸载(因此也调用了componentWillUnmount )？
换句话说，在卸载阶段，整个层次结构(沿着起始节点)将被移动，或者仅仅是要删除的确切节点？
浏览 2提问于2019-06-03得票数 2
回答已采纳
2回答
我不知道我能做些什么来创建这个work...So，我正在调用API数据(这只是一堆嵌套的json对象)来创建一个菜单。到目前为止，我让它工作，以便它呈现第一层的对象(第一个img)，当您单击每个元素，下一个层次显示在它下面(第二个img)。这可以递归地工作，所以当我单击“第2级”中的一个元素时，我假设它可以在下一个级别向下工作，但情况并非如此。
有人能看到我可以在代码中修改什么来实现这个目标吗？
class Menu extends React.Component {
state = {
categories: [],
list: ""
};
/
浏览 0提问于2019-05-10得票数 0
回答已采纳
如果我在类组件的render()方法中定义了一个功能组件，那么每次调用类组件的render()方法时，组件的状态都会被重置。但是，如果我直接调用函数组件，状态不会重置。
请看下面的示例：
import React from 'react';
import Counter from './Counter'
const MilliCounter = ({name}) => {
return <Counter name={name} initial={1e6} />
};
class App extends React.Component
浏览 0提问于2020-02-11得票数 2
从这个URL 可以看到，我的侧边栏中的谷歌广告组件在我的React项目中的Chrome、be和Safari中返回得非常好，但在FireFox上返回的似乎是随机的宽度。这个问题在FireFox手机上尤其严重。
import React, { useEffect } from "react";
const AdComponent = (props) => {
useEffect(() => {
window.adsbygoogle = window.adsbygoogle || [];
window.adsbygoogle.push({});
浏览 0提问于2021-06-07得票数 1
1回答
我正在编写一个简单的测试反应组分使用酶来创建一个浅表克隆，这是失败的时候，它不应该是。我想要看的两件事，是它是否正常，以及它是否得到了一个道具。这两种方法都失败了。这里，我正在测试的组件和我的规范：
我的组成部分：
import * as React from 'react';
export default class PortfolioItem extends React.Component<any, any> {
render() {
// Deconstructing the items obj into these consts
con
浏览 3提问于2017-08-04得票数 0
回答已采纳
我在spinner.js中定义了如下图像：
import React from 'react';
import broomAndText from './mygif.gif';
function myGif() {
return <img src={broomAndText} alt="broomAndText" width="200px" height="200px" />
}
export default myGif;
然后，我想调用该图像，并在我的mainPage.js中的页面上显
浏览 0提问于2021-04-25得票数 0
回答已采纳
我一直在测试，到目前为止，它看起来相当整洁。除了呈现默认的草图元素(如Text、View、Image等)之外，是否可以呈现包含使用scss样式的HTML标记的默认react组件？
我尝试呈现以下Hello-Component：
import React from 'react';
import { render, Artboard, Text, View } from 'react-sketchapp';
const Hello = () => (
<View
name={`Hello View`}
>
<Tex
浏览 8提问于2017-04-26得票数 3
回答已采纳
2回答
我对React.js非常陌生，但是探索它，我期待一些我无法做的事情。
假设我有一个组件：
var SampleComponent = React.createClass({
render: function() {
return (
<div>Hello</div>
);
}
});
这是将其添加到DOM的唯一方法吗？
React.render(
<SampleComponent />,
document.getElementById('content')
);
我希望在定义了组件之后，能够在HTM
浏览 2提问于2015-02-06得票数 4
回答已采纳
1回答
我有两个问题，第一个问题是在组件之间传递数据，第二个问题是组件层次结构。
现在，在Data组件中，我试图设置name属性，并将其传递给应该根据API请求进行迭代的ListItem组件。我尝试了很多事情，但都没有成功。我做错了什么？设置新状态时是否需要迭代数据？我传得对吗？
基本伪码
从API读取数据
将数据设置为组件状态
基于存储的数据创建兄弟级组件
渲染组件
第二个问题是组件的层次结构。我一直在网上阅读数据请求应该设置在顶部和分开。在此基础上，其他组件将从该数据中输入并执行。最后，App组件将相应地呈现所有这些组件。从下面的例子来看，我会走正确的轨道吗？我是否正确地创
浏览 7提问于2017-07-26得票数 0
回答已采纳
我正在做reactjs中的一个自定义组件。我想添加一个功能，将组件导出为图像和PDF。在react中使用dom- to -image模块正确吗？因为它使用真实的DOM，而react使用虚拟的DOM，我不知道可能会有一些冲突或一些性能问题。如果是错误的，请给我解决方案。
浏览 8提问于2019-04-09得票数 2
可以在reactjs中的一个主App.js文件中包含一个或多个自关闭组件。
--我刚刚创建了一个react应用程序--我只想在一个文件中再包含一个组件(自关闭组件)，意味着我创建了一个组件card.js，然后我在main(App.js)文件中包含了这个组件，我可以在该文件中包含另一个navbar.js组件吗？.i这样做了，但是没有显示它显示的任何东西，因为它意味着以前的组件显示，但是另一个文件组件没有显示为什么会发生这种情况？？。
浏览 2提问于2020-03-27得票数 1
回答已采纳
我的NextJS项目有一个问题。当我运行'yarn dev‘时，我在一个<style>标签中获得了全局样式，我需要它们是为了页面性能，并防止页面加载时发生布局改变。但是，当我运行'yarn build‘，然后运行'yarn start’时，全局样式以<link rel='stylesheet' href... />标记结束。这就是我的问题。下面是我的代码： _app.js import Layout from '../components/Layout'
import '../styles/globals
浏览 49提问于2021-08-05得票数 0
1回答
我正在尝试将现有的jquery转换为react js。我真的是新的反应，我正在学习，所以请坦率地说，如果我问愚蠢的问题
我有这样的结构
<ul>
<li><a href="#">Home</a></li>
<li><a href="http://example.com">About</a>
<ul>
<li><a href="#">School</a>
浏览 0提问于2019-12-11得票数 1
我尝试在React中将登录组件封装到路由标记中，但现在它不再出现在页面中了。你能告诉我发生了什么吗？
import React, {useState, useReducer} from 'react';
import './App.css';
import Login from './components/Login.js';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
function App() {
retu
浏览 4提问于2022-01-13得票数 1
回答已采纳
2回答
我将输入值捕获为一个状态，在提交按钮上，我希望将结果添加到一个数组中。
我遇到的问题是，每当我在输入字段中输入一个字符时，它都会在我点击submit按钮之前创建一个新的数组。
下面是奇怪行为的截图。
这是我的代码：
import React, { Component } from "react";
import autoBind from "react-autobind";
let fixtures = [];
const submitFixture = (homeTeam, awayTeam) => {
fixtures.push({
浏览 0提问于2018-11-15得票数 4
回答已采纳
最近，我开始学习React，当我到达这个文档的时，我发现了以下示例：
import React, { useState, useEffect } from 'react';
function Example() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate:
useEffect(() => {
// Update the document title using the browser API
d
浏览 2提问于2022-07-11得票数 1
回答已采纳
我正在尝试使用React、react-csv包和TypeScript来实现下载功能。
我正在尝试使用createRef()创建和使用表组件的引用，但是它会引发以下异常
“属性'getResolvedState‘在’RefObject‘类型上不存在”错误。
我的代码如下：
import {CSVLink} from "react-csv";
import * as React from 'react';
import ReactTable from 'react-table';
export default class Downl
浏览 0提问于2019-04-26得票数 4
回答已采纳
我是新的反应和来自jQuery的背景。我想处理一个DOM元素数组，这些元素可以动态/随机地存在于文档中。属性通过其父属性定义Dom元素类型、属性和位置。
我成功地实现了这一点，通过JQuery循环数组，并在其尊敬的父级下使用.appendTo()注入HTML，而无需定义一个嵌套函数，使用react.CreateElement来根据每个案例处理每个数组项。
//Array Example
var data = [
{
"component": "div",
浏览 3提问于2019-11-16得票数 0
回答已采纳
我的目标是从我自己的服务器上获取一个SVG，并在children <polygon></polygon> 标记之后插入属性。
我这样做是为了增加一个互动层，可以修改的反应。
到目前为止，我能够实现这一点，通过反应应用服务我的SVG，但我想避免它的安全原因。
到目前为止，这是我的进步：
const App = ({children}) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height
浏览 1提问于2022-05-20得票数 1
回答已采纳
这就是我正在做的：
关键部分是：
position: function() {
var container = $(this.getDOMNode());
this._menu = $(this.refs.menu.getDOMNode());
this._menu.appendTo(document.body).
offset({
top: container.offset().top +
container.outerHeight(),
left: container.offset().left
浏览 12提问于2014-05-08得票数 63
回答已采纳
1回答
我在Android上的本机应用程序中有以下异常
E/unknown:ReactNative: Exception in native call
com.facebook.react.uimanager.IllegalViewOperationException: StackOverflowException
at com.facebook.react.ReactRootView.handleException(ReactRootView.java:563)
at com.facebook.react.views.view.ReactViewGroup.d
浏览 0提问于2018-12-10得票数 6
2回答
是否仍然可以在反应中呈现变量？尝试使用一种更轻量级的方法在组件上存储数据，但是变量似乎不再呈现在react中。useRef是变量的新方法，还是在基本let变量中仍然可以使用。
下面是一个没有在react中呈现的变量示例：
浏览 7提问于2021-10-28得票数 1
回答已采纳
在BST中，假设作为比较器，按递减顺序访问所有键需要哪个遍历？答案正好相反--我想知道为什么会这样。
如果是按递增顺序访问所有键，下面的答案会是什么? 1. In- 2.Pre- 3 post-4.反向In- 5.反向pre-6.反向后置-
浏览 2提问于2015-05-12得票数 0
回答已采纳
2回答
我试着用React和我的Express后端。目前，我使用React作为我的模板语言。
我的视图是.jsx文件。
/* Express */
const express = require('express');
const app = express();
const server = require('http').createServer(app);
const session = require('express-session');
...
/* Express application parameters */
app
.set
浏览 3提问于2017-07-23得票数 1
回答已采纳
我正在尝试在c++中实现快速排序算法，作为一个讲座中的一个项目。当我从递归调用中排除pivot时，程序工作得很好，但当我在两个递归调用中包含pivot时，有时会导致堆栈溢出错误。 程序只有在特定的数组大小时才会发生故障，但我不知道它们与错误有什么关系。例如，当我给出40分时，程序会出现故障，但当我给出50分时，程序运行正常。 void quicksort(double* arr, int init, int fin) {
if (init == fin) return;
if (init == fin - 1) {
if (arr[init] > arr
浏览 25提问于2019-04-11得票数 2
回答已采纳
我有一个有2个子组件的组件。
React.createClass({
getInitialState: function(){
return {ch_1 : 'Child 1', ch_2: 'child_2'};
},
_onChange : function(e){
var value = e.target.value;
var id = e.target.id;
if(id == '1'){
this.setState({ch_1 : value})
浏览 0提问于2017-05-24得票数 0
1回答
我想添加文本形式的代码，但找不到任何方法来做，我使用了多行，"“这个符号，单引号和双引号。我希望每个程序行在新的行，但它显示在单行/句子。
import React from 'react';
import CodeEditor from './codeEditor';
import multiline from 'multiline';
const str = (`
// A function to implement bubble sort
void bubbleSort(int arr[], int n)
{
in
浏览 3提问于2022-11-02得票数 0
回答已采纳
3回答
我正在尝试渲染组件主页和使用react-router，但是我什么也没有得到。我认为存储的索引文件中的问题。我怎么才能修好它？
下面是一个正在运行的。
index.js
import React from "react";
import reactDom from "react-dom/client";
import App from "./App";
import Store from "./Store";
const root = reactDom.createRoot(document.getElementById("
浏览 4提问于2022-05-18得票数 -1
回答已采纳
如果我想将一些React组件数组传递给React组件，我想我可以使用道具中的Component: React.ComponentClass<any> | React.StatelessComponent<any>类型()，例如：
interface Props {
elements: (React.ComponentClass<any> | React.StatelessComponent<any>)[];
}
const App = (props: Props) => (
<>
{props.elements
浏览 3提问于2020-01-29得票数 0
最近我遇到了一个虚拟化问题，我把它缩小到了下面的代码。
虚拟化之所以不能在下面的代码段中工作，是因为子程序没有特定的高度。因此，我猜想它会永远扩展，而虚拟化就会中断。
给子对象一个特定的高度可以解决这个问题，但是当我想要一个滚动条时，界面就变成了两个难看的滚动条，可以滚动条目控件生成的全部内容(如果是子控件，或者不是子项)。
我的问题是，这可能吗？如果是这样的话，我怎样才能做到呢？不知何故，子程序需要计算自己的大小，而不破坏虚拟化。设置*的高度似乎不起作用。
MainWindow.xaml
<Window x:Class="WpfItemsControlVirtualizatio
浏览 6提问于2016-04-18得票数 3
回答已采纳
2回答
我有一个带有Link按钮的登陆页面，它是Register组件的一个按钮，但是当我单击该按钮时，我的Register组件在我的登陆页面下面，而不是在一个新页面中。为什么会发生这种情况？
App.js：
import './App.css';
import { Fragment } from 'react';
import Navbar from './components/layout/Navbar';
import Landing from './components/layout/Landing';
import Registe
浏览 7提问于2022-11-22得票数 1
回答已采纳
我想知道React如何处理组件动画期间调用的呈现。在下面的示例中，组件将被重新命名。
假设在组件的动画过程中对组件进行了状态更改，因此组件将被重新呈现。会替换物理DOM，还是会识别组件在动画中？以下是我认为会发生的事情
步骤1:组件安装组件首次挂载到物理DOM。组件的动画持续60秒。该组件有一个更改状态计时器，将在30秒内启动。同时，react在安装时保存虚拟DOM。
步骤2:触发状态更改，30秒后组件重新呈现，其父组件将发生状态更改，组件将被重新呈现。此时，组件处于中间动画中，并且使用react transition group，将"className-active“css类应用于子
浏览 3提问于2021-01-18得票数 6
回答已采纳
我在react中有一些问题。这不是什么大问题，但我不明白。
我制作了一个组件，其中新数据不断地添加到数据中。首先出现两个控制台日志是有意义的。由于安装和更新。但是下一次，我的question.Why 4控制台日志会出现吗？然后是8.然后是16.然后是32.....
下面是代码。
import React, { useState } from 'react'
const Ex = () => {
const [state, setstate] = useState({ test: 'data' })
const handleDate = (
浏览 6提问于2021-05-25得票数 0
我刚刚开始学习React，并且正在学习关于构建Tic Tac Toe游戏的教程：
我注意到，如果我在游戏组件呈现的代码中放置了一个断点，则每次单击游戏中的正方形时都会调用它。起初，我认为这是糟糕的性能，但发现React使用虚拟DOM，并且只在需要时更新真正的DOM。但这让我想知道它是什么时候做的。当我更改一个正方形上的值时，查看DOM元素，我不知道React是在更新游戏使用的整个DOM表还是只更新表中的单个单元格。仅仅因为一个单元格中的数据被更新，重新构建整个表似乎是毫无意义的。是否有一种方法可以真正地告诉真实DOM中的哪些部分会得到更新？
浏览 4提问于2020-02-29得票数 2
回答已采纳
1回答
我试图使用递归函数基于我的JSON结构动态地创建function组件。这是我的实现。
components.js
import React from "react";
import Text from "./components/Text";
import Image from "./components/Image";
const Components = {
text: Text,
image: Image
};
export default (block) => {
浏览 3提问于2022-09-03得票数 2
回答已采纳
我和react一起工作已经有一段时间了，但是我遇到了非常基本的问题，但是我不明白为什么它不起作用。基本上，在Login组件中，我提交了一个表单，当它返回一个错误时，呈现一个snackbar消息。
handleSubmit = (event) => {
event.preventDefault()
//api call here
onFormSubmit(this.state)
.then(() => history.push('/teams'))
.catch(e => <Snackbar message={e
浏览 0提问于2019-01-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
