![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
明天回地球~
每天与你们一同进步
展开
-
react-hooks(实战练习---封装下拉框)
封装缘由:因为好多下拉框都是请求接口返回的数据进行渲染的,如果每次需要用到下拉框,都要在页面复写代码,比较冗余了。编写思路:把下拉框写成公共的组件,其他组件需要用的时候,直接去调用。(1)组件存放位置,我们是有公共组件存放的文件夹,因为我是用hooks写的,直接放在了一个hooks文件里。(2)代码思路/** * * @desc 下拉框选择(包括多选) * @author xuya...原创 2020-04-16 13:59:32 · 1659 阅读 · 0 评论 -
react-hooks(实战练习)
(一)State Hook在class中,我们是通过构造函数中,设置state的 this.state = { list_cus_status: [], // 客户状态 list_state_type: [],//状态 current: 1, // 页数 pageSize: 10, ...原创 2020-04-14 16:31:37 · 772 阅读 · 0 评论 -
react-hooks(一)
什么是hooks对,他的英文翻译就是我们常说的钩子,刚用钩子函数的时候,还觉得挺厉害的呢,钩子,钩子的,觉得很高大上,但是什么是钩子呢?简单的来说,就是发送消息之前,先把消息钩住,不让传递,再执行某操作之前,先优先处理下,然后再决定后面的走向。这就是简单的钩子函数。...原创 2020-04-10 15:01:57 · 89 阅读 · 0 评论 -
如何替换对象的key值
发生的场景,现在用antd组件库,有些组件想渲染数据的话,我要根据他们官网给的字段名称对应起来才能渲染上去,这个是复选框选中,保存的时候,字段需要按照后台约定的传入code,value。1.常规循环遍历大招来了,哈哈哈,(才疏学浅,我觉得是大招)一行代码就解决了,上图...原创 2020-04-03 17:35:15 · 2456 阅读 · 0 评论 -
组件的props到底是什么
组件的props到底是什么?含义:当React 元素为用户提供自定义组件的时候,它会将JSX所接受的属性转化为单个对象,传递给组件,这个组件就是“props”function CCCC(){return <h1>hello ,{props.bbb}</h1>}const element =<CCCC bbb='是他是他就是他' />ReactDOM...原创 2019-12-04 15:26:57 · 2775 阅读 · 0 评论 -
使用create-react-app配置config文件
脚手架原始目录结构,你会发现并没有webpack配置文件,脚手架其实已经自动配置了许多依赖如Webpack, Babel, ESLint, etc等。如果觉得webpack不够用,可以自己手动配置。脚手架提供了一个命令:npm run eject (这个是永久的)配置好了就会出现config文件这个时候你运行起来就报错了。看图Cannot find module ‘@babel/he...原创 2019-11-29 15:47:32 · 1442 阅读 · 0 评论 -
React中的列表组件封装
上个星期给我一个任务,让我把信贷工厂的列表封装一个公共的组件下面我就记录下。大体就是这样。整体思路:我是通过extends继承组件的想法把一些公共的方法整合在公共的组件里面查询条件封装把查询条件写在一个数组里面,然后把这个方法写在公共的组件里面以下就是我写的部分代码...原创 2019-11-28 10:35:09 · 509 阅读 · 0 评论 -
React 父子组件之间传值
效果图count是父组件传到子组件的值num是子组件传给父组件的值父到子传值父组件代码子组件代码子组件通过props接受父组件传过来的值子组件传值父组件父组件中的子组件回调子组件中的代码子组件往父组件传值就是回调函数的形式的传值...原创 2019-11-19 10:43:39 · 396 阅读 · 0 评论 -
create-react-app简单快速创建新的单页面应用
步骤1.nodejs环境,必须依赖这个环境才能进行后面的操作2.安装create-react-appnpm install -g create-react-app3.新建项目create-react-app my-app4.运行项目1. cd my-app2. npm start...原创 2019-11-15 10:10:19 · 556 阅读 · 0 评论