我想要一个白菜

React.js

CSS(4) ES6(8) JavaScript(24) MySQL(1) Node.js(10) Redux(2) Vue.js(10) webpack(5) 浏览器(2) 算法与数据结构(8)

/ 注册

全部文章 / React.js （共15篇）

hook简单使用

useState function App() { const [count, setCount] = useState(0); return ( <button onClick={() => setCount(count + 1)}>{count}...

React.js

2019-12-01

0 580

render prop

Render Prop是个值为函数的属性，通过Render Prop，组件知道什么应该被渲染 import React from 'react' function App() { return ( <div style={{ height: '100%' }}>...

React.js

2019-12-01

0 634

React绘制思维导图

//App.js import React, { Component } from 'react'; import './App.css' class App extends Component { constructor(props) { super(props) this.g...

React.js

2019-11-03

0 989

React生命周期

组件初始化(initialization)阶段 constructor方法初始化props和state import React, { Component } from 'react'; class Test extends Component { constructor(props) { ...

React.js

2019-11-03

0 714

手写一个简单的React--diff算法

export function diff(dom, vnode, container) { const ret = diffNode(dom, vnode) if (container) { container.appendChild(ret) } r...

React.js

2019-09-25

0 1532

手写一个简单的React--函数组件

/react/component.js class Component { constructor(props = {}) { this.props = props this.state = {} } } export default Componen...

React.js

2019-09-24

0 564

手写一个简单的React（1）

搭建环境与JSX&虚拟DOM 使用parcel打包 npm install parcel-bundler 打包命令 npx parcel index.html 安***abel插件 "babel-plugin-transform-react-jsx": "^6...

React.js

2019-09-24

0 628

React 高阶组件（HOC）

简介高阶组件的概念应该是来源于JavaScript的高阶函数:高阶函数就是接受函数作为输入或者输出的函数。而高阶组件就仅仅是一个接受组件作为输入并返回组件的函数。通常实现高阶组件的方式有两种属性代理反向继承属性代理属性代理是通过包裹原来的组件来操作props，举个栗子 import R...

React.js

2019-09-20

0 658

React ref

String ref 实例 // string ref class MyComponent extends React.Component { componentDidMount() { this.refs.myRef.focus(); } render() { retu...

React.js

2019-09-20

0 630

Vue diff VS React diff

简述传统diff两棵树的算法时间复杂度很高，是O(n^3)，Vue与React都对它们的diff算法做了优化。 Vue diff 开始比较比较父节点是同一节点的那一层子节点最大的根节点一开始可以直接比较比较流程先找到不需要移动的相同节点再找到需要移动的相同节点最后找不到，删除新建...

React.js

2019-09-18

0 1173