摘要： 在父组件中引入组件时使用双标签的形式。把要重用的代码或者组件插入到双标签里面 ...render () { return ( <FancyBorder color="blue"> <h1 className="Dialog-title"> Welcome </h1> <p className="Di 阅读全文

摘要： 1.列表渲染 .map遍历数组。index标记元素(更新、删除和修改的时候方便快速找到对应元素-更详细解释请看官网)； 注意点： key只能用在上下文为array的情况。比如我们在遍历一个组件时，key只能放在循环数组时调用的组件上，而不能用在组件里面（请看官网） 在遍历同一数组时，不同数组项的ke 阅读全文

摘要： 通过state控制页面元素的变化，类似于vue中的data setState会引发视图的重绘 如何在项目中添加state 在类中添加一个constructor函数,然后给状态赋值。注意 super()必须执行，可以带参数也可以不带，参数为父组件传下来的props。 export default cl 阅读全文

摘要： react使用的越多，就会发现生命周期的参考价值越来越大 componentWillMount: 当前组件的状态和函数加载完毕，页面还没有开始渲染 componentDidMount: 组件视图渲染完毕 shouldComponentUpdate: 状态发生改变时触发，视图是否更新的狗子函数 有返回 阅读全文

摘要： 函数组件 // /src/index.js...function Welcome (props) { return ( <div> <h3>hello function component</h3> <span>{props.data}</span> </div> )} 声明一个函数，以返回值的形式 阅读全文

摘要： 创建一个app npx create-react-app my-appcd my-appnpm start 文件目录介绍 注意： node_modules包很大，一般不要随便打开，尤其是内存小的电脑 文档要看英文 介绍一个简单的react项目 入口文件： /src/index.js 1.简单介绍js 阅读全文

摘要： 简单介绍： 可伸缩矢量图形。定义用于网络的基于矢量的图形。使用xml编写的。 所有的开启标签必须有关闭标签！ 无法直接给svg元素设置填充、边框。但是可以通过style样式给svg设置border svg标签内，绘制所有图形的长度单位、字体大小等都不需要带单位 与canvas的区别： canvas绘 阅读全文