![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
浅~
这个作者很懒,什么都没留下…
展开
-
封装完Echart之后,绘制市区镇级地图
接上篇:封装Echart之后,绘制乡镇地图,如下: <WCMap /> import React from 'react'; import ReactEcharts from '@/components/Task/Tree/Common/ReactEcharts'; import wcCityGeo from './430702.json' import * as echarts from 'echarts' echarts.registerMap('wcc', wcCityGeo) ex原创 2021-11-16 10:32:02 · 826 阅读 · 0 评论 -
title 组件封装
效果:如上,框红色处。 // 封装组件: CommonCard 的使用如下: <CommonCard title={'重点工作任务落实'} extra={'更新时间:9月底'} className={'mt15'}> <Row gutter={16}> <Col xs={24} lg={24}> <Chart /> </Col> </Row> </CommonCard>.原创 2021-11-10 15:11:29 · 419 阅读 · 0 评论 -
在React项目中使用TypeScript
示例1: // 在React项目中使用TypeScript // src文件夹下创建pages/counter/Counter.tsx /*简单的计数器代码*/ import React from "react"; // props包含count,increment,decrement,且类型确定 interface IProps { count: number; increment: () => void; decrement: () => void; } const Cou原创 2021-03-26 11:33:28 · 704 阅读 · 0 评论 -
node接口 + hooks统一状态管理
node接口 api文件(后端) express搭建后,routes文件夹里面–新建testAPI.js文件(post请求),新建testYHR.js文件(get请求) testAPI.js var express = require("express"); var router = express.Router(); router.post("/", function (req, res, next) { data = {message:'message', count: 12, comment:原创 2021-03-25 11:28:24 · 372 阅读 · 0 评论 -
hooks的基本结构
hooks写法的基本结构 import React, { useState, useEffect, Fragment } from 'react'; export default ( props: { children: React.Component[]; location: Location }) => { //或 const App = (Props: any) => { const [count, setCount] = useState(0); // state及更改stat原创 2021-03-17 18:39:16 · 207 阅读 · 0 评论