react 组件是任何 react 应用程序的构建块。它们允许您将 ui 分成独立的、可重用的部分，可以单独管理和渲染。 react 组件有两种主要类型：功能组件和类组件。
功能组件
函数式组件更简单，并且被编写为 javascript 函数。它们将 props（输入数据）作为参数并返回 jsx，它描述了 ui 的外观。从 react 16.8 开始，函数式组件还可以使用 usestate 和 useeffect 等钩子来处理状态和副作用。
import react, { usestate } from 'react';
const welcome = (props) => {
const [count, setcount] = usestate(0);
return (
hello, {props.name}!
you've clicked {count} times
);
};
export default welcome;
类组件
类组件是在 react 中编写组件的原始方式。它们扩展了 react.component 类，并且必须包含返回 jsx 的 render() 方法。类组件可以有自己的状态和生命周期方法，例如 componentdidmount、componentdidupdate 和 componentwillunmount。
import React, { Component } from 'react';
class Welcome extends Component {
constructor(props) {
super(props);
this.state = { count: 0 };
}
handleClick = () => {
this.setState({ count: this.state.count + 1 });
}
render() {
return (
Hello, {this.props.name}!
You've clicked {this.state.count} times
);
}
}
export default Welcome;
关键概念：
网奇Eshop网络商城系统
下载
网奇.NET网络商城系统是基于.Net平台开发的免费商城系统。功能强大，操作方便，设置简便。无需任何设置，上传到支持asp.net的主机空间即可使用。系统特色功能：1、同时支持Access和SqlServer数据库；2、支持多语言、多模板3、可定制缺货处理功能4、支持附件销售功能5、支持会员组批发功能6、提供页面设计API函数7、支持预付款功能8、配送价格分地区按数学公式计算9、商品支持多类别，可
- jsx： javascript 的语法扩展，看起来像 html。 react 组件返回 jsx 来描述 ui。
- props：“properties”的缩写，props 允许您将数据从父组件传递到子组件。
- state： 用于存储影响组件中渲染内容的动态数据的内置对象。只有使用状态的组件（函数组件或类组件）才能根据此数据的更改重新渲染。
钩子（用于功能组件）：
- usestate：允许您管理功能组件中的状态。
- useeffect： 允许您在功能组件中执行副作用（例如，获取数据、更新 dom）。
react 鼓励创建小型、可重用的组件，这些组件可以组合起来形成更大的应用程序，保持代码库模块化且更易于维护。
