react
奥吼吼~~
这个作者很懒,什么都没留下…
展开
-
react使用
创建组件的三种方法 // 函数创建的组件 function component(){ return ( <div>组件1</div> ) } // 没有 关于 this 的操作 不需要加载对象 性能高 // es5 创建 let component = React.createClass({ defaultProps: { //组件默认的props对象 initialValue: '' }, // 设置 init原创 2021-03-05 15:11:09 · 91 阅读 · 0 评论 -
react-router-dom部分属性的使用
当某个页面没有被Route包裹时props中是没有history的 此时可以用到类似useHistory的属性 该属性使用时只能加载到组件中使用,无法写到全局中 如果使用中报错可以尝试把react-router-dom的版本重新下载成5.1.2版本 也可以使用createHashHistory 其他属性用法都是类似 "react-router-dom": "^5.1.2", import {useHistory} from 'react-router-dom' import {createHashHist原创 2020-06-06 18:24:34 · 819 阅读 · 0 评论 -
使用react native我遇到的问题
ScrollView滑动条 可以用作 根标签 style={[‘style.a’,‘style.b’]} StatusBar 第二中style设置 flex盒子练习 var url = “https://u.y.qq.com/cgi-bin/musicu.fcg” const datas = { g_tk: 1294813765, loginUin: 3495486882, hostUin: 0,...原创 2020-02-25 19:19:30 · 297 阅读 · 0 评论 -
react-native中用到的插件
react-native-vector-icons 字体图标 react-native-swiper 轮播图 yarn add react-native-swiper@nightly react-native-tab-navigator 底部导航栏 react-native-router-flux 路由 https://zhuanlan.zhihu.com/p/92367417 ...原创 2020-02-19 19:39:48 · 178 阅读 · 0 评论 -
react笔记3
react中路由 安装 npm install react-router-dom --save-dev 引入 react-router 还是 react-router-dom? 在 React 的使用中,我们一般要引入两个包,react 和 react-dom,那么 react-router 和react-router-dom 是不是两个都要引用呢? 非也,坑就在这里。他们两个只要引用一个就行了...原创 2020-01-12 19:36:27 · 351 阅读 · 0 评论 -
react笔记2
生命周期函数 componentWillReceiveProps(nextProps, nextContext){} 当子组件自身上绑定的props发生变化时会执行这个回调 nextProps是改变后的props componentWillUnmount(){} 当该组件被销毁时会触发这个回调 shouldComponentUpdate(nextProps, nextState, nextCo...原创 2020-01-10 10:38:35 · 82 阅读 · 0 评论 -
react中props验证
React.PropTypes 在 React v15.5 版本后已经移到了 prop-types 库。 <script src="https://cdn.bootcss.com/prop-types/15.6.1/prop-types.js"></script> Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes...原创 2020-01-10 01:26:45 · 544 阅读 · 0 评论 -
redux+react-cli创建数据仓库
介绍 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 安装 npm i redux -S npm i redux-react -S 要引用的模块及作用 import { combineReducers,createStore } from 'redux' import {connect,Provider} from 'react-redux' 代码片段及解释 cre...原创 2020-01-10 01:11:45 · 220 阅读 · 0 评论 -
react笔记1
React 是一个用于构建用户界面的 JavaScript 库 Staticfile CDN 的 React CDN 库 <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile...原创 2020-01-09 11:41:40 · 93 阅读 · 0 评论