![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 85
Hokwok18
这个作者很懒,什么都没留下…
展开
-
简书项目实战-main首页开发
1 React中使用路由1.1 安装yarn add react-router-domimport { BrowserHistory, Route} from 'react-router-dom';1.2 路由设置和使用打开我们的APP.js,如下是设置的代码代码解释:import { BrowserRouter, Route} from 'react-router-dom'; 导入模块,外面加一层div 是有要去的 render只包含一个child添加路由:<BrowserRout原创 2022-03-31 12:32:13 · 981 阅读 · 0 评论 -
简书项目实战-Header
1 项目目录搭建安装create-react-app,并创建项目jianshu。删掉src目录下文件,只留下index.js(入口文件), index.css, App.js文件当你在一个js文件中引入css文件时,css不仅在该js文件中有效,在该js所包含的组件.js中也有效。这也就会导致,如果引入css文件的js文件中包含多个组件,所有组件的css样式都会写在这个css文件中,那么这个css文件代码就会很多,并且容易冲突。(我们是希望写css样式时,每个样式是独立的)所以可以采用styled-c原创 2022-03-31 11:47:30 · 1196 阅读 · 0 评论 -
Redux进阶
1 UI组件与容器组件的拆分UI组件叫做傻瓜组件 (负责页面的渲染)(特殊情况也可以做一些简单的逻辑),容器组件叫做聪明组件 (负责页面逻辑处理),之前我们把渲染(render)和逻辑都在一个组件(todolist)里写着现在我们首先在src下创建一个TodoListUI.js,并创建TodoListUI组件和导出将原Todolist.js渲染的部分(render)部分剪切出来到TodoListUI.js中。在TodoList.js组件中导入TodoListUI组件,在其render函数中返回该原创 2022-03-30 22:09:44 · 353 阅读 · 0 评论 -
Redux入门
1 Redux概念简述Redux = Reducer + Flux1.1 Redux的工作流程1.2 Redux的安装命令行:yarn add redux2 创建redux中的store2.1 创建Store和reducers并连接先在react中安装reduxyarn add redux(1)创建一个store的文件夹在该组件所在文件夹,创建一个store的文件夹在store文件夹里创建index.js(这个index.js就是创建store代码存放的位置)创建出Store(原创 2022-03-30 21:17:32 · 455 阅读 · 0 评论 -
React高级
1 安装React开发调试工具1.1 首先,下载react-developer-tools开发调试工具插件。因为谷歌插件下载需要翻墙,这里提供一个本地资源:https://www.crx4chrome.com/crx/3068/1.2 拖拽到chrome浏览器里面1.3 在特定的用React开发的网页会显示没有上线的显示红色,上线的是蓝色的1.4 F12打开开发者工具2 PropTypes 与 DefaultProps2.1 PropTypes属性校验当我们从父组件向子组件进行传值的原创 2022-03-30 20:22:10 · 507 阅读 · 0 评论 -
React基础
1 使用Reat编写Todolist功能TodoList.jsimport React, { Component, Fragment } from 'react';import './style.css';class TodoList extends Component { //ECM6 继承语法 //继承props方法 constructor(props) { super (props); this.state = { inputValue: '',原创 2022-03-30 17:55:07 · 516 阅读 · 0 评论 -
React简介
1 React简介1.1 react发展历史:react是facebook开发的,(vue-尤雨溪。angular-谷歌-收购的)facebook在构建instagram网站的时候遇见两个问题:数据绑定的时候,大量操作真实dom,性能成本太高,比较浪费网站的数据流向太混乱,不好控制于是facebook起初调研过市场上已存的mvc框架,比如angularjs,发现都不太满意,于是就推陈出新,开发了react框架,并在2013年五月份开源,国内2016年才开始首先在杭州使用。1.2 react原创 2022-03-30 17:23:23 · 4061 阅读 · 0 评论 -
解决:react项目部署到服务器,刷新报“Uncaught SyntaxError: Unexpected token <“ 错误
因为使用npm run build生成的build目录。原因就是生成的index.html引用的js文件路径不对。<script src="./static/js/main.2a806527.chunk.js"></script>多出来一个’.’,此时突然想起来,刚开始使用react的时候在package.json添加了一行代码"homepage": “.”。修改为网站的网址"homepage": “http://110.42.213.191:3001/”,问题解决。..原创 2021-10-20 10:24:02 · 2984 阅读 · 2 评论