React - 随笔分类 - 盼星星盼太阳

React hooks组件之间传值方式（使用ts）

摘要：父传子通过props传值，使用useState来控制state的状态值父组件 Father.tsx里：子组件 Child.tsx里：展示效果：子传父跟react的方式一样，像子组件传入回调函数，通过接收子组件的返回值，再去更新父组件的state 父组件，Father.tsx里：子组件，阅读全文

posted @ 2022-03-29 15:13 盼星星盼太阳阅读(439) 评论(0) 推荐(0) 编辑

路由渲染属性render、children、component

摘要：摘要：在react-router 5.0中，route组件有三个支持组建渲染的属性：render、children、component 一、render render 属性能使你便捷的渲染内联组件或是嵌套组件，你可以给这个属性传入一个函数，当路由的路径匹配时调用，而不是使用 component 创建阅读全文

posted @ 2021-07-06 09:46 盼星星盼太阳阅读(1766) 评论(0) 推荐(0) 编辑

redux中数据更改页面未实时更新

摘要：问题：在使用redux/react-redux中，reducer的数据明明已经更改了，但是却不能触发组件的render函数，页面也没有同步更新 reducer代码如下： import { ADDTODO, DELETETODO, UPDATETODO, CLEARTODO, CHECKAllTODO 阅读全文

posted @ 2021-06-03 15:55 盼星星盼太阳阅读(1402) 评论(0) 推荐(0) 编辑

React中setState如何同步更新

摘要：一、说明关于调用 setState() 进行状态更新，官方有如下说明 State Updates May Be Asynchronous React may batch multiple setState() calls into a single update for performance. 阅读全文

posted @ 2021-05-24 12:04 盼星星盼太阳阅读(7264) 评论(0) 推荐(0) 编辑

React按需引入antd相关配置

摘要：全量引入css：修改src/App.css，在文件顶部引入 antd/dist/antd.css,在app.css 最上面@import '~antd/dist/antd.css'；实现按需打包与引入: 只打包import引入组件的js/css；需进行如下配置：一、下载antd的包 npm i 阅读全文

posted @ 2021-03-16 11:26 盼星星盼太阳阅读(746) 评论(0) 推荐(1) 编辑

使用create-react-app创建react项目

摘要：一、创建全局安装脚手架工具 npm install -g create-react-app 新建项目： create-react-app my-app cd my-app npm start 环境变量问题 npm init react-app my-app；其他方式 yarn create-re 阅读全文

posted @ 2020-11-11 17:28 盼星星盼太阳阅读(1516) 评论(0) 推荐(0) 编辑

盼星星盼太阳

随笔分类 - React

公告

随笔分类

最新评论