zhoulib__的博客

创建组件的三种方法 // 函数创建的组件 function component(){ return ( <div>组件1</div> ) } // 没有 关于 this 的操作 不需要加载对象 性能高 // es5 创建 let component = React.createClass({ defaultProps: { //组件默认的props对象 initialValue: '' }, // 设置 init

当某个页面没有被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

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,...

react-native-vector-icons 字体图标react-native-swiper 轮播图 yarn add react-native-swiper@nightlyreact-native-tab-navigator 底部导航栏react-native-router-flux 路由https://zhuanlan.zhihu.com/p/92367417...

react中路由安装npm install react-router-dom --save-dev引入react-router 还是 react-router-dom？在 React 的使用中，我们一般要引入两个包，react 和 react-dom，那么 react-router 和react-router-dom 是不是两个都要引用呢？非也，坑就在这里。他们两个只要引用一个就行了...

生命周期函数componentWillReceiveProps(nextProps, nextContext){}当子组件自身上绑定的props发生变化时会执行这个回调nextProps是改变后的propscomponentWillUnmount(){}当该组件被销毁时会触发这个回调shouldComponentUpdate(nextProps, nextState, nextCo...

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...

介绍Redux 是 JavaScript 状态容器，提供可预测化的状态管理。安装npm i redux -Snpm i redux-react -S要引用的模块及作用import { combineReducers，createStore } from 'redux'import {connect,Provider} from 'react-redux'代码片段及解释cre...

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...