react
leoxiaoge
前端开发者
展开
-
React--React中组件间的如何通信?
我们之前说过React是一个组件至上的技术栈,所以,组件之间的通信就是大家关注的话题。主要有以下几种: 父子组件 父子组件的传值通过props来实现。 var parent = () => { let name = "I'm Lee!" return ( <div> <Child name="{name}"/> </div> ) } var child = (props) =>原创 2021-07-28 18:41:22 · 109 阅读 · 0 评论 -
React--React中React Hooks的实现原理是什么?
react技术栈的迭代是非常快的,但是版本16也许是一次革命性的迭代。从版本16开始,react的底层由stack算法转变为fiber算法,大大提高了性能。而在16.8之后react又新增了hooks的概念。在老版本的react中,开发者所开发的大多都是class组件和少部分的函数组件,对于函数组件来说,它仅仅只是一个纯UI的展示组件,只能接受props,而不能有自己的state。而对于class组件来说,问题也是不少:组件状态复用艰难,让人无奈的this问题,高阶组件和函数组件的嵌套层次太深,复杂组件变得原创 2021-07-28 18:35:55 · 2174 阅读 · 0 评论 -
react请求数据,在render中显示
1.准备工作 通过create-react-app 创建的根目录下有一个public目录,请求时会到该目录下寻找数据,因此把假数据放到该目录下 下载并且引入axios模块 2.实现过程 在componentWillMount下请求数据, componentWillMount() { axios.get('http://localhost:5000/test/menu.json') .then( res => { this.原创 2021-07-16 16:05:09 · 798 阅读 · 0 评论