![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
yingzizizizizizzz
克制自己的懒惰
展开
-
React之antd Form回显数据
转自:https://blog.csdn.net/welkin_qing/article/details/110004969文章目录一、antd4如何回显数据 1. 定义变量 2. 保存接口数据到form变量中 3. form显示数据 4. 表单提交数据 onFinish 二、antd3如何回显数据 1. 引入FormComponentProps 2. 设置interface 3. 设置组件 4. 定义getFieldDecorator和setFieldsV转载 2021-01-27 14:57:19 · 4559 阅读 · 0 评论 -
React hook 报错Warning...cancel all subscriptions and asynchronous tasks in a useEffect cleanup fn
场景:有两个组件,组件A和组件B。组件B新建保存后,跳转到组件A,同时需要再请求组件A中的数据。我是这么写的,在点击 保存 按钮 时,跳转组件A,下一行是请求接口参考文献:https://blog.csdn.net/u011607490/article/details/88953692...原创 2020-08-11 14:08:55 · 2342 阅读 · 0 评论 -
React16 useEffect和useLayoutEffect的区别
目录useEffect是什么?有什么作用?useLayoutEffect是什么?有什么作用?两者区别是什么?useEffect的使用场景useLayoutEffect的使用场景useEffect是什么?有什么作用?该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作用的操作都是不被允许的,因为这可能会产生莫名其妙的 bug 并破坏 UI 的一致性。使用 use原创 2020-08-03 21:05:25 · 818 阅读 · 0 评论 -
React 组件间的通信
在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信下面依次说下这几种通信方式。父组件向子组件通信这是最简单也是最常用的一种通信方式:父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。下面是演示代码:父组件 App.js:...转载 2018-12-06 15:58:58 · 242 阅读 · 0 评论 -
jsx中使用判断语句
在react中用jsx渲染dom的时候经常会遇到if条件判断,然而在jsx中竟是不允许if条件判断的。以下有几种判断方式,可以根据自己的应用场景,挑选适合的。方案一:class HelloMessage extends React.Component { render (){ let userMessage; if (this.props.loggedIn) { ...转载 2018-12-06 14:56:05 · 6132 阅读 · 0 评论 -
ant design 如何将后台传送的带特殊字符的数据转义为html解析
目录问题场景解决拓展问题场景ant design 是基于React实现的组件库,会将\n这样的特殊字符转成空格,但是我们想让数据显示在前端界面上,怎么做呢?解决首先,将data中的\n替换为<br > 因为ant design 直接将特殊字符转换成空格了,我们应将特殊字符自己处理一下data = json.data.replace(/\n/g,'...原创 2018-10-30 18:02:39 · 5053 阅读 · 0 评论 -
小白使用React---走过的一些坑
1、定义组件时, 一定要首字母大写,不写是不是别的。2、多个组件组合渲染时, 一定要用一个标签包裹起来,不包裹是只会渲染最后一个组件的。3、React中使用Bootstrap, 除了安装react-bootstrap,还要在index.html中引入bootstrap.css。官网第一句话就说了。要不使用bootstra原创 2017-11-26 11:52:07 · 566 阅读 · 0 评论 -
实现登录注册验证功能
参考资料http://blog.csdn.net/gxf_ming/article/details/62046065http://blog.csdn.net/awaw00/article/details/54926125原创 2017-12-07 12:12:18 · 390 阅读 · 0 评论 -
小白使用React---ajax请求成功后跳转到另一个页面
$.ajax({ type:"GET", url:this.url, dataType:"json", success:function (result) { if(result.meta.success===true){原创 2017-12-05 19:42:33 · 8250 阅读 · 0 评论 -
小白使用React---子组件的状态变化更新到父组件中
我想实现的功能是:在子组件中点击提交按钮,发送请求成功后,改变父组件show的状态 参考资料 http://blog.csdn.net/slowlifes/article/details/75330862https://www.cnblogs.com/lixuemin/p/5754289.html 。。。。。。。。。。。。。。。。傻子的分割线。。。。。。。。。...原创 2017-12-05 12:00:03 · 2663 阅读 · 0 评论 -
小白使用React--动态渲染dom节点
http://blog.csdn.net/front_endrussell/article/details/52691943根据数值的变化来更新dom,其中用到了条件渲染原创 2017-12-04 11:12:31 · 4636 阅读 · 0 评论 -
小白使用React
使用 create-react-app 快速构建 React 开发环境create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目:使用 create-react-app 快速构建原创 2017-11-22 11:50:04 · 243 阅读 · 0 评论 -
小白使用react——表单上传多个文件功能和下载文件功能
参考资料https://www.cnblogs.com/Springmoon-venn/p/5536854.html这个是能同时选择多个文件,也能多次选择一个文件上传现在问题是1、一刷新页面,之前选择的文件都清空了2、删除按钮的操作还不知道原创 2017-11-30 17:11:55 · 8740 阅读 · 0 评论 -
小白使用React---react-router的使用
react-router做导航栏原创 2017-11-28 21:06:41 · 239 阅读 · 0 评论 -
小白使用react——解决this.props.history.push无法跳转的问题
场景:一个组件中,含有ul展开数组的组件,在每一行中,都能点击相应的这一行,跳转到对应的页面。也就是说,组件套组件,子组件中this.props.history.push无法工作。提示没有push这个函数。因为这时的props中没有history这个属性。解决办法:在父组件中,传递一个history。子组件中用history.push 就可以啦参考资料:http原创 2017-12-08 14:35:14 · 50190 阅读 · 1 评论