【React整理系列】Props和State

【React整理系列】Props和State

• props作为对象，将 JSX 所接收的属性（attributes）以及子组件（children）转换为单个对象传递给组件。组件无论是使用函数声明还是通过 class 声明，都决不能修改自身的 props。

​ 文档声明：

React 非常灵活，但它也有一个严格的规则：

所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。

• 如果需要改变的变量，则使用state:

​ state 是私有的，并且完全受控于当前组件

• 组件名称必须以大写字母开头。

• 一个标准的函数式组件（与hooks结合，已经成为主流）：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

• 一个标准的类组件（要注意，继承的是React.Component，另外类组件已经逐步废弃) ：

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {t