React简介 1.由来 　　React是有Facebook开发出来用于构建前端界面的JS组件库，由于其背后的强大背景，使得这款库在技术开发上完全没有问题。 2.React的优势 　　解决大规模项目开发中数据不断变化变得难以操作的问题； 　　组件化开发，使得开发更加快速； 　　单向 ...

如果把一个页面分为多个组件组成的话(组件多层嵌套)， 想要在Panel和Calendar之间传值就不能用以往的props属性了。 解决方法： Panel.js 使用React.cloneElement(this.props)来渲染子元素，使用第二个 ...

现在使用脚手架（react-create-app）的项目不需要在在css文件后面添加module就会自动为其添加模块化后缀 在react 中使用css有以下几种方法 第一种全局使用 app.js 直接在入口文件引入，我这里是app.js 引入或css文件会作用至所有的组件 ...

目录 1、useState保存组件状态 2、useEffect 处理副作用 3、useContext 减少组件层级 4、useReducer 数据交互 5、us ...

路由 路由（routing）是指分组从源到目的地时，决定端到端路径的网络范围的进程。 路由器当然是作为一个转发设备出现的，主要是转发数据包来实现网络互联。 那么react的路由到底指的是什么呢？ 举个栗子~~~ 在网页中点击后，从A页面跳到B页面，跳转过程中url发生变化，这就是一个简单 ...

有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个波浪效果组件，而这个一般用 SVG 做。 所以就变成了在 react 中使用 SVG 的问题。 首先是波浪效果需要的样式。 引入样式，以及组件文件的结构。 一个组件文件里 ...

有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个正六边形组件，而这个用 SVG 和 canvas 都可以。我选择 canvas。 所以就变成了在 react 中使用 canvas 的问题。 canvas 和 SVG 有一个很大的不同。 SVG 是标签 ...

使用Context，可以跨越组件进行数据传递 通过静态方法React.createContext()创建一个Context对象，这个Context对象包含两个组件，<Provider />和<Consumer />。 < ...