摘要：1、useState：让函数式组件拥有状态 2、useEffect：副作用，取代生命周期 3、useContext：跨组件共享数据 4、useCallback：性能优化 5、useMemo：性能优化 6、useRef 参考文档：https://react.docschina.org/docs/hoo
阅读全文
|
|
随笔分类 - react
摘要：1、useState：让函数式组件拥有状态 2、useEffect：副作用，取代生命周期 3、useContext：跨组件共享数据 4、useCallback：性能优化 5、useMemo：性能优化 6、useRef 参考文档：https://react.docschina.org/docs/hoo
阅读全文
摘要：<article onScroll={this.handleScroll.bind(this)} ref="scrollWrap" data-scroll={'yes'} style={{ "height": "calc(100vh - 3.5rem)", "overflow": 'auto', "
阅读全文
摘要：1. 挂载卸载过程 constructor() componentWillMount() render() componentDidMount() componentWillUnmount () 2. 更新过程 componentWillReceiveProps (nextProps) (写在组件的
阅读全文
摘要：Redux 是 JavaScript应用的状态容器，提供可预测化的状态管理。 redux的三大核心： action：用来描述将要触发的事件。 state：用来存储我们的数据。 reducer：通过触发的action事件来改变state的值。 用户通过界面组件触发ActionCreator，携带Sto
阅读全文
摘要：<div onClick={this.myClick}></div> <div onClick={this.myClick.bind(this, "hello")}></div> <div onClick={(e) => this.myClick(e, "hello")}></div>
阅读全文
摘要：<div style={{ display: 'block' }}></div> <div style={{ display: true?'block':'none' }}></div> <div style={{ display: true?'block':'none', color: aaaaa
阅读全文
摘要：准备三个文件(封装请求函数),然后测试一下，能不能调用数据 第一个文件 request.js 第二个文件 jshNetwork.js 第三个文件 service.js 第四个文件请求调用数据 这样，测试成功。
阅读全文
摘要：现在测试一下ant-design-mobile的使用，引用一个Button 没有样式 这个问题是没有引入样式 解决方法有两种 这种方法自己弄不出来，然后用另外一种方法 引入样式： 然后就解决了。 另外补充点东西，根据ant-design-mobile文档的说明，项目的入口页面还需要配置点东西，预防出
阅读全文
摘要：现在测试一下react-router-dom路由的使用，首先在App.js这个文件搭配路由 然后创建文件(测试)，这是是三个文件 这样的三个文件 这样还会出现一个问题，运行错误，是关于路由的，需要套上<BrowserRouter></BrowserRouter>，可以在App.js的路由外面套上，这
阅读全文
摘要：1.下载安装node.js，需要node.js环境。 2.经过挑选，决定选择creat-react-app这个项目脚手架，然后输入指令安装 $ npm install -g create-react-app 3.创建项目，然后输入指令(my-app是名字，自己取) $ create-react-ap
阅读全文
摘要：Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。 使用的原因以及特性： 无需配置；集成了对 React, JSX, ES6 和 Flow 的支持；集成了开发服务器；配置好了浏览器热加载的功能；在 Java
阅读全文
|
