react+Antv-g2 demo，web系统开发，系统盘点前端开发者必须掌握的知识点

---

需求：

1.左上角显示总业务数，上中间显示总业务数里面的告警数；

2.下面tab展示所有告警数对应的图表

组件使用的是antd，图表使用的是antv

父组件 Demo1.js

---

import React, { Component } from ‘react’

import ‘./relevance.css’

import Relevancenum from ‘./Relevancenum’

import Tabschange from ‘./Tabschange’

export default class Demo1 extends Component {

constructor(props) {

super(props);

this.state={

data_num:{

num1:45,

num2:40

}

}

}

render() {

return (

应用关联业务

// 总数据

//tab切换和图表

)

}

}

relevance.css

.App{

width: 100%;

background-color: #fafafa;

padding-top: 30px;

}

.app_relevance{