10 2022 档案

路由
摘要:##安装 npm install react-router-dom ##API 1. BrowserRouter 用于包裹根组件,表示路由 import { BrowserRouter } from 'react-router-dom' ReactDOM.render( <BrowserRouter 阅读全文

posted @ 2022-10-14 17:33 In-6026 阅读(30) 评论(0) 推荐(0)

Redux Toolkit——基操
摘要:redux-toolkit是redux的升级版 ###安装 npm install @reduxjs/toolkit // 在react中还需要搭配react-redux使用 npm install react-redux ###模块的写法 // counterReducer.ts import { 阅读全文

posted @ 2022-10-14 15:04 In-6026 阅读(113) 评论(0) 推荐(0)

websocket状态码
摘要:|状态码|描述| | | | |0–999| 保留段, 未使用| |1000 |正常关闭; 无论为何目的而创建, 该链接都已成功完成任务.| |1001 |终端离开, 可能因为服务端错误, 也可能因为浏览器正从打开连接的页面跳转离开.| |1002|由于协议错误而中断连接.| |1003|由于接收到 阅读全文

posted @ 2022-10-12 15:42 In-6026 阅读(673) 评论(0) 推荐(0)

js媒体查询
摘要:const mq = window.matchMedia('(max-width:400px)') mq.addListener(mediaEvt) funtion mediaEvt(mediaQuery) { //当屏幕=400时会执行这里的函数 console.log(mediaQuery.ma 阅读全文

posted @ 2022-10-12 10:18 In-6026 阅读(56) 评论(0) 推荐(0)

hooks
摘要:##useState const [count, setCount] = useState<number>(10) // 必须用setCount更新count,但是setCount是一个异步函数,在频繁地操作时会有一些问题 <button onClick={ () => { for (let i=1 阅读全文

posted @ 2022-10-08 00:35 In-6026 阅读(51) 评论(0) 推荐(0)

插槽
摘要:function App() { const name = 'Comp Name' return ( <Comp name={name}> <div slot="s1">solt1</div> <div slot="s2">solt2</div> </Comp> ) } import { React 阅读全文

posted @ 2022-10-06 23:32 In-6026 阅读(28) 评论(0) 推荐(0)

通信
摘要:##props ###函数(标签上传递,参数接收) interface IProps { name: string } interface IState {} function Comp(props: IProps) { const [state, setState] = useState<ISta 阅读全文

posted @ 2022-10-06 23:27 In-6026 阅读(41) 评论(0) 推荐(0)

受控组件,双向绑定
摘要:class Comp extends React.COmponent { state = { value: '' } change = (e) => { this.setState({ value = e.target.value }) } render() { return <input valu 阅读全文

posted @ 2022-10-06 17:28 In-6026 阅读(31) 评论(0) 推荐(0)

装饰器
摘要:###装饰器就是一个方法,可以注入到,类、方法、属性参数上来扩展他们的功能 ###类装饰器(无法传参) (function () { function fun1(target: any): void { target.prototype.name = "张三"; target.class = "hu 阅读全文

posted @ 2022-10-05 14:59 In-6026 阅读(27) 评论(0) 推荐(0)

tsconfig,常用配置
摘要:/* https://www.bilibili.com/video/BV1pf4y1U7ij?p=27&spm_id_from=pageDriver&vd_source=fd5425bfe2e6c3a48b1d00c8b84349a2 */ { /* 外层主要是编译目录,输出目录的配置 */ //只 阅读全文

posted @ 2022-10-04 15:24 In-6026 阅读(207) 评论(0) 推荐(0)

query、parmas和body的区别
摘要:###query,get请求传递参数时使用,url后以url?id的形式 www.xy.com?name=LLC query就是 { name: LLC } ###parmas,url后以url/:id的形式 www.xy.com/user/33256 /:id parmas就是{ id: 3325 阅读全文

posted @ 2022-10-04 00:05 In-6026 阅读(207) 评论(0) 推荐(0)

vscode插件REST Client,代替postman
摘要:如果只是简单的请求工作的话,这个插件也许跟方便 ##使用方式 ###准备工作 安装该插件 创建一个test.http(名字随意,后缀.http)文件 ###朴素的请求 后面必须有协议版本号 HTTP/1.1 写好后点击上面的“小字”,Send Request post请求也是这样的写法 ###传递数 阅读全文

posted @ 2022-10-03 23:01 In-6026 阅读(923) 评论(0) 推荐(0)

导航