随笔分类 - 前端歌谣歌谣-学习篇React-好客租房笔记
摘要：路由切换页面高亮的问题 import React from 'react' import { TabBar } from 'antd-mobile' import {BrowserRouter as Router,Route, Link} from "react-router-dom" import
阅读全文
摘要：1打开脚手架的文档 添加sass样式 2安装sass yarn add node-sass 3创建后缀名称为scss或者sass的文件 4引入文件 渲染文件 .nav{ padding: 10px; img{ width: 48px; } .am-flexbox-item{ text-align:
阅读全文
摘要：1根据当前地理位置展示不同小组信息 2根据后台接口找到找房数据 3前端只负责渲染 数据获取 1在state中获取数据 2根据文档获取数据 import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex
阅读全文
摘要：import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex,Grid} from 'antd-mobile' import Nav1 from '../../assets/images/nav-1.
阅读全文
摘要：import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex,Grid} from 'antd-mobile' import Nav1 from '../../assets/images/nav-1.
阅读全文
摘要：切换到版本2 1打开ant-moblie文档 2安装组件库 3在根部导入要使用的组件 4渲染组件 5在index.js中导入组件样式 import React from "react"; import {Button} from "antd-mobile" function App() { retu
阅读全文
摘要：步骤:安装路由 1yarn add react-router-dom 2导入路由文件Router/router/link 3在pages文件中创建Home/index。js和cotyList/index。两个页面 4使用Router配置首页和城市选择页面 import React from "rea
阅读全文
摘要：外观和样式调整 步骤: 1修改页面标题:在index.html中修改 2基础样式调整:在index.css中调整 index.css html,body{ height: 100%; font-family: "Microsoft YaHei"; color: #333; background-co
阅读全文
摘要：1有tabbar的页面（首页 找房 资讯 我的） 2无tabbar的页面 城市选择（简单 不需要额外处理） 本文只贴出部分代码 需要全代码关注微信公众号前端小歌谣
阅读全文
摘要：嵌套路由:路由里面继续包括路由 home组件表示父组件的内容 news组件表示子路由的内容 本文只贴出部分代码 需要全代码关注微信公众号前端小歌谣 news/index.js import React from "react"; import News from "../News"; import
阅读全文
摘要：1基本使用 页面底部的导航菜单 核心代码拷贝到home中 分析并调整代码 让其在项目中正常运行 import React from 'react' import { TabBar } from 'antd-mobile' //导入路由 class Home extends React.Compone
阅读全文
摘要：1删除前面页面路由的样式 2修改tabbar菜单项文字标题 3修改tabbar菜单文字标题颜色 4使用字体图标 修改tabber菜单的图标 5修改tabbar菜单项的图标大小 6调整tabbar菜单的位置 让其固定在最底部 import React from 'react' import { Tab
阅读全文
摘要：1根据tabbar组件文档设置不渲染内容部分（只保存菜单项 不显示内容） 2给tabber.item绑定事件 3再点击事件中调用history.push（）实现路由切换 4创建tabbar组件菜单项对应的三个组件 并在home组件中配置路由信息 <TabBar.item> 5给菜单提供selecte
阅读全文
摘要：tabBar.item import React from 'react' import { TabBar } from 'antd-mobile' import {BrowserRouter as Router,Route, Link} from "react-router-dom" import
阅读全文
摘要：1首页的路由进行处理 2配合默认路由 跳转到/home 3Redirect组件实现路由重定向 to跳转到要跳转的路由 import React from "react"; import {Button} from "antd-mobile" import {BrowserRouter as Rout
阅读全文
摘要：封装成子组件 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1：类组件必须以大写字母开头 // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性
阅读全文
摘要：我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 . 前言 最好的种树是十年前 其次是现在 面试题什么是纯组件（react）
阅读全文
摘要：纯组件内部的对比是shallow compare 对于值类型来说 比较两个值是否相同 引用数据类型 是判断引用数据类型是否相同
阅读全文
摘要：React更新视图的思想是 只要state变化就能重新渲染视图 特点:思路特别清晰 理想状态 部分更新 只更新有变化的地方
阅读全文
