React Hook
深秋红枫
卑微大学生,在线挨打。
完全新手,求大佬们指导,还请不要手下留情。
展开
-
react antd 可编辑行的一些解读
import React, { useState } from 'react'; import ReactDOM from 'react-dom'; import 'antd/dist/antd.css'; import './index.css'; import { Table, Input, InputNumber, Popconfirm, Form, Typography } from 'antd'; const originData = []; //赋值 for (let i = 0; i &l原创 2021-05-17 16:46:05 · 800 阅读 · 0 评论 -
react使用fetch向后端传值
前端 function deleteTool () { var url = 'http://localhost:8080/admin/deleteTool';//传值的地址 var data = { toolnum: '0' };//传值的内容,键:值格式 fetch(url, { method: 'post',//post方法 headers: { "Content-Type": "application/json;charset=utf-8", 'To原创 2021-05-13 23:18:18 · 1383 阅读 · 0 评论 -
关于springboot和react前后端分离
@CrossOrigin(origins = {“http://localhost:3000”},maxAge = 3600) 跨域支持 @CrossOrigin 注解 origins : 允许可访问的域列表;* 表示允许所有域。 maxAge:准备响应前的缓存持续的最大时间(以秒为单位)。 allowCredentials=“true”:否允许cookie随请求发送。 SWR swr接受的数据类型必须为json格式。 注意:springboot中,实例化一个类,然后return这个类,springb原创 2021-04-29 08:21:05 · 365 阅读 · 0 评论 -
拓展运算符
function Dog(props){ return <div>这是狗:{props.name},它的年龄是:{props.age},它是{props.gender}的</div> } const dog = [ name: '大黄', age:15, gender:'雄' ] ReactDOM.render( <Dog {...dog}></Dog>, document.getElementById('root') ); ...,拓展运算符原创 2021-04-25 10:04:25 · 76 阅读 · 0 评论 -
React——hook的使用
hook的本质 hook的本质是“钩子”,他的作用是“钩入”react的特征。例如在函数组件中没有“状态state,生命周期(挂载mount、卸载unmount)”等,但是可以通过使用hook钩入。 hook的命名规则 hook(钩子)必须要以“use”开头。如:useState、useEffect。自定义的hook也要用“use”开头。 点击了解相关hook的规则 useState useState是保存状态的hook,等同于class中的this.state。React会在重复渲染时记住它当前的值,并且原创 2021-04-13 10:37:08 · 325 阅读 · 0 评论