魔术师Grace

什么是state react的组件免不了需要和用户进行互动，而react就是将组件看成一个状态机（state machines），一开始会有个初始状态，随着用户的互动，状态会发生变化，从而触发重新渲染

React事件和DOM事件 React元素的事件处理和DOM元素的事件处理很相似，只是有一内内语法上的不同。 React事件采用的是小驼峰命名法，而原生事件是纯小写； React事件需要传入一个函数作

行内样式 在jsx文件中定义样式变量和定义普通滴变量是一样一样的~ 引入样式表 然鹅，这时候问题来了，如果在其他的文件中也使用相同的标签名，比如在app.jsx中也使用了标签名为textcolor的c

前言 最终效果展示 实现思路 呈现一个立方体需要六个面，上下，左右前后，每个面都代表着一个div，这里我们使用伪类元素来设置上下两个元素，因为左右前后四个面都是成90deg，所以我们使用CSS变量来控

什么是props 当React元素作为自定义组件，将JSX所接受的属性转换成单个对象传递给组件，这个对象就叫做“props”。说的简单点，props就是父组件传递给子组件的参数对象。 那么作为Reac

前言 JSX是什么 jsx 是 javscript + xml, 是一种 js 的扩展语法，最终会经过 babel 的转义。所以当我们输入 <div>hello world</div>的时候，Babe

前言 举个栗子 一个受控的Tabs组件可能是这么写的。。。 Tab+TabItem 的组合使用 总结

前言 box-shadow究竟能做什么 先看看官方的定义，box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset

前言 效果展示 实现思路 首先《亲热天堂》在平铺时需要呈现出立体感，我们可以使用伪类元素来构成书籍的上侧边和右侧边，通过transform:skew() 属性我们可以定义一个倾斜转换的元素，同时我们给