
Hooks
浅~
这个作者很懒,什么都没留下…
展开
-
React手写tab切换
父文件 import React, { useState } from 'react'; // import Module1 from './Module1'; // import Module2 from './Module2'; // import Module3 from './Module3'; // import Module4 from './Module4'; import HeaderTtabs, { tagType } from '@/components/Task/Tree/Commo.原创 2021-11-09 10:20:33 · 717 阅读 · 0 评论 -
循环生成list列表
如上图示效果: import React, { useState, useEffect, useCallback, useMemo, Fragment } from 'react'; import { List, Avatar } from 'antd'; import { ArrowRightOutlined, RightOutlined, LineOutlined } from '@ant-design/icons'; import styles from './index.scss'; expo.原创 2021-11-08 20:33:00 · 757 阅读 · 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 · 778 阅读 · 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 · 441 阅读 · 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 · 236 阅读 · 0 评论