React
文章平均质量分 70
React.js
李熠漾
22届毕业、软件工程、Java、写代码、独立思考
展开
-
PubSub消息订阅-发布
PubSub消息订阅-发布react导入库npm install pubsub-js --savereact 页面引入pubsubjsimport PubSub from 'pubsub-js'pubsubjs使用发送消息:PubSub.publish(名称,参数)订阅消息:PubSub.subscrib(名称,函数)取消订阅:PubSub.unsubscrib(名称)pubsubjs源码及使用详情https://github.com/mroderick/PubSubJSReact原创 2021-06-25 14:14:02 · 307 阅读 · 0 评论 -
React扩展
React扩展setStatesetState更新状态的2种写法setStatesetState更新状态的2种写法1.setState(stateChange, [callback])------对象式的setStatestateChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用export default class Demo extends Component { state = {原创 2021-06-25 14:12:33 · 206 阅读 · 1 评论 -
打包部署react项目
vscode执行build命令或者cmd窗口执行npm run build全局下载一个快速启动的服务器,查看效果cnpm i serve -g打包后的文件存放在build目录下,以build为根目录启动服务serve build原创 2021-06-25 10:20:47 · 891 阅读 · 0 评论 -
react-router详解
react-router详解react-router详解路由的基本使用安装react-router使用react-router头部一般组件主体内容路由组件路由组件与一般组件NavLink与封装NavLinkSwitch的使用解决多级路径刷新页面样式丢失的问题路由的严格匹配与模糊匹配Redirect的使用嵌套路由向路由组件传递参数编程式路由导航BrowserRouter与HashRouter的区别react-router详解React Router 是一个基于 React 之上的强大路由库,它可以让你向应原创 2021-05-02 20:09:48 · 29151 阅读 · 6 评论 -
React脚手架
React脚手架React应用(基于React脚手架)创建项目项目结构React应用(基于React脚手架)React脚手架和Vue脚手架类似,都是用来帮助程序员快速创建一个基于React或Vue的模板项目,包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果项目的整体技术架构为: react + webpack + es6 + eslint创建项目全局安装: `cnpm i -g create-react-app`创建项目原创 2021-05-01 14:37:49 · 7647 阅读 · 2 评论 -
React基础学习
React基础学习React和Vue的主要区别组件的区别Vue TemplateReact JSX数据管理的区别Vue对象属性React状态管理React入门React简介React的基本使用创建虚拟Dom的两种方式原生js创建jsx创建虚拟DOM和真实DOM的区别React JSXReact面向组件编程函数组件类组件React state(状态)React props对props进行限制指定默认的标签属性值React refs字符串形式回调函数形式createRef的使用React中事件处理React中收原创 2021-04-30 18:34:50 · 474 阅读 · 3 评论