慕课网react开发简书网站项目中涉及的基础知识点

react项目地址：https://github.com/suhuashan/jianshu，该项目是学习慕课网react视频教程而手动敲，目前项目是用class写react，后续我会引用react hooks会重构项目。
如果对您有帮助的话，麻烦在github给个star~

1.Fragment 占位组件

2.dangerouslySetInnnerHTML = { {__html: 变量}}

3.this.setState({ })

现在更建议使用this.setState(() => ({ }))
以前是返回一个对象，现在推荐使用函数返回对象，这样函数内可以有一定的逻辑，然后再通过return 返回对象。
在this.setState中更改数据，建议使用prevState，保存数据的上一个值

4.react单向数据流

父组件可以向子组件传值，子组件只能使用，而不能去改变，否则将会报错。
例如，todolist里面对数据进行删除，父组件传递给子组件删除属性，子组件通过删除属性来调用父组件的方法。这样就是父组件的方法删除父组件的数据。

5.特点

声明式开发
可以与其他框架并存
组件化
单向数据流
视图层框架
函数式编程

6.react开发调试工具 Reactdevelopertools安装

图标显示红色表示网站由react开发
图标显示深蓝色表示网站由react线上版本代码开发
图标显示灰色表示网站不是由react开发

7.PropTypes的使用

该属性的作用就是会对父组件传递给子组件的值进行类型强校验，如果不是期望的值，便会报错。
import PropTypes from “prop-types”;
class Child extends React.Component { }
Child.propTypes = {
content: PropsTypes.string,
//或者PropsTypes.string.isRequired如果父组件没有传content值,浏览器便会报错
deleteItem: PorpsTypes.func
}
Child.defaultProps = {
content: “