个人技术分享

【React】如何让函数式组件也能使用state——useState（Hooks）

但是React官方提供了一个Hooks叫useState，它解决了函数式组件和类式组件的差异，让函数式组件拥有了类式组件所拥有的 state ，同时新增了一些 API ，让函数式组件，变得更加的灵活。count 是初始化的值，而 setCount 就像是一个 action 对象驱动状态更新，我们可以通过 setCount 来更新 count 的值。这里利用了useState，让函数式组件能够维护自己的 state ，它接收一个参数，作为初始化 state 的值，赋值给 count。

react如何拿输入框的值

首先，在React组件的状态中定义一个变量来存储输入框的值。事件中，通过事件对象获取输入框的值，并将其更新到状态变量中。最后，在返回的JSX中，我们将输入框的值绑定到。最后，可以通过访问状态变量来获取输入框的值。的状态变量，并将其初始值设置为空字符串。钩子函数来创建一个状态变量。属性，并在下方展示输入框的值。属性获取输入框的值，并使用。函数将其更新到状态变量中。在上面的代码中，我们使用。函数中，我们通过事件对象。钩子函数创建了一个名为。

react状态管理之state

声明式编程意味着为每个视图状态声明 UI 而非细致地控制 UI（命令式）。当开发一个组件时：写出你的组件中所有的视图状态。确定是什么触发了这些 state 的改变。通过useState模块化内存中的 state。删除任何不必要的 state 变量。连接事件处理函数去设置 state。如果两个 state 变量总是一起更新，请考虑将它们合并为一个。仔细选择你的 state 变量，以避免创建“极难处理”的 state。用一种减少出错更新的机会的方式来构建你的 state。

React 第二十六章 React.memo

可以应用于函数组件和类组件，但是对于类组件，它只会对 props 进行浅比较。如果需要对类组件的 state 进行优化，可以考虑使用。接受一个组件作为参数，并返回一个新的优化过的组件。这个新的组件在接收到新的 props 时，会进行浅比较来判断是否需要重新渲染。默认只进行浅比较，如果组件的 props 是一个复杂对象，需要自定义比较函数来判断是否需要重新渲染。是 React 提供的一个高阶组件，用于对函数组件进行性能优化。可以避免不必要的重新渲染，提高组件的性能。比较函数需要返回一个布尔值。

REACT 条件渲染

您的组件通常需要根据不同的条件显示不同的内容。在 React 中，你可以使用 JavaScript 语法（如语句、 和运算符）有条件地呈现 JSX。在某些情况下，您根本不想渲染任何内容。例如，假设您根本不想显示包装好的商品。组件必须返回某些内容。如果为 true，则组件将不返回任何内容。否则，它将返回 JSX 进行渲染。如果 prop 是 ，则此代码。有条件地不返回任何内容。有条件地返回 JSX。

vue3.0(五) reactive全家桶

Vue3中用于创建响应式对象的三个函数：reactive、readonly和shallowReactive。reactive函数用于创建深层响应式对象，shallowReactive函数用于创建浅层响应式对象，readonly函数用于创建深层只读响应式对象，shallowReadonly函数用于创建浅层只读响应式对象。这些函数可以帮助我们快速创建响应式数据，实现数据的自动更新。isProxy，isReadonly，isReactive判断是否是相应是对象isProxy 检查一个对象是否是由

Linux学习之高级IO

之前的内容我们基本掌握了基础IO，如套接字，文件描述符，重定向，缓冲区等知识都是文的基本认识，而高级IO则是指更加高效的IO。对于应用层，在读写的时候，本质就是把数据写给OS，若一方为空，就会进行阻塞式等待，读写的本质也就是数据的拷贝。所以高效的 IO就需要在多线程的情况下，单位时间的的拷贝的数据更多，等待的比重越小。