m0_54088431的博客

调多次setState完整代码。

参数只会在组件的初始渲染中起作用，后续渲染时会被忽略。如果初始 state 需要通过计算才能获得，则可以传入一个函数，在函数中计算并返回初始的 state，此函数只在初始渲染时被调用name。

允许你在React函数组件中添加state的Hook。返回值为：包含当前state以及更新state的函数的数组。count是state变量，接受0；用来初始化state首次渲染，将初始值给到count；后续只要调用了setCount，就会将最新值给到countsetCount是改变state的函数，只要调用setCount一次，整个App中的代码都会执行useState函数可以执行多次，每调用一次为函数组件提供一个状态注意：整个只能在函数组件中使用依赖项：控制副作用的执行时机。

两种常用的路由模式：BrowserRouter和HashRouter声明当前要用是一个非hash的模式的路由包裹整个应用一个React应用只需要使用一次HashRouter，hash模式的路由一个有#（HashRouter），一个一带#（BrowserRouter）（推荐）Link指定导航链接，完成路由跳转to属性指定路由地址，最终被渲染为a标签Routes提供一个路由出口，满足条件的路由组件，会渲染到组件内部Route用于指定路由组件和路由地址path：路由组件对应的路径；

目的：实现状态逻辑复用采用 包装（装饰）模式 ，比如说：手机壳手机：获取保护功能手机壳 ：提供保护功能高阶组件就相当于手机壳，通过包装组件，增强组件功能2.思路分析高阶组件（HOC，Higher-Order Component）是一个函数，接收要包装的组件，返回增强后的组件高阶组件内部创建一个类组件，在这个类组件中提供复用的状态逻辑代码，}}通过prop将复用的状态传递给被包装组件 WrappedComponent组件通讯是构建 React 应用必不可少的一环。

打印输入框的内容

组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能 拆分成多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。

HTML 中的表单元素是可输入的，也就是有自己的可变状态。（input表单元素的状态是在value中）。React 中可变状态通常保存在 state 中，并且只能通过 setState() 方法来修改React将 state 与表单元素值value绑定到一起，由 state 的值来控制表单元素的值。受控组件：其值受到 React 控制的表单元素。非受控组件就是通过手动操作dom的方式获取文本框的值，文本框的状态不受react组件的state中的状态控制，直接通过原生dom获取输入框的值。

组件表示页面中的部分功能；组合多个组件实现完整的页面功能；特点：可复用、独立、可组合推荐：使用class的实例方法}箭头函数bindsuper()}

JSX 是 JavaScript XML（HTML） 的简写，表示在 JavaScript 代码中写 XML（HTML） 格式的代码。（ React 的核心内容。）

​ 一个专注于构建用户界面（html）的 JavaScript 库。写html页面（构建Web应用）MVC：React只是V（视图层）只负责视图的渲染，并非提供完整的M、C的功能。