我最近开始在Udemy上学习React。 这是我的笔记/观察。 我将为此添加更多内容。
- React中的组件或视图组件是生成HTML的代码段。 因此，如果您看到“组件”或“视图组件”，请知道它将生成HTML。
- JSX = JS + XML。 这是将XML语法添加到JavaScript的预处理步骤。
- ES6模块类似于python中的模块。 这意味着它们可以导入和导出。 例如。
从'react'导入React；
- 从节点模块导入时，以上示例适用。 如果要从js文件导入，则必须指定路径。 例如。
从“ ./components/search_bar”导入SearchBar；
React DOM是一个独立于React的库
从'react-dom'导入ReactDom;
- 在将组件呈现到DOM之前实例化它们。
- 组件内部可以包含微型组件。 这有助于维护性和可重用性。
- 这是一条规则—每个文件始终仅创建一个组件。
- 在ES6中，对香草（ES5）JavaScript使用大括号{}。
- State —是一个普通的JS对象。
- 在使用之前初始化状态。
- 功能组件没有状态。 仅基于类的组件可以。
- 在类的构造方法中声明状态，在其他地方则没有声明
类SearchBar扩展了Component {
//通过定义构造函数方法初始化状态
构造函数（道具）{
超级（道具）; // super调用Component内部的构造函数
this.state = {term：``};
}
在其他任何地方，使用this.state更新状态
- 受控组件-受控组件的值由
state设置。
