恪晨的小站

AI开发Nestjs+Umijs+Antd Pro+mongodb图片管理应用

Web

前言上次说到使用AI开发图片管理系统，通过nestjs开发后端服务，使用小程序端访问相关接口。通过这段时间断断续续的更新，差不多算是做完了简单的小程序端、后台管理系统，并且通过vercel部署已经都能正常使用了。后端后端主要是用了nestjs+mongodb+minio的方案，通过将图

Web JavaScript React

Web React

Web React

Hook的本质就是javaScript函数，使用时需要遵循两条规则：只在顶层使用Hook，只在React函数中调用Hook；只在顶层使用Hook不要在循环、条件、嵌套函数中调用Hook；每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect

Web React

effect Hook Effect Hook 可以让你在函数组件中执行副作用操作，对比于class组件中的componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的组合。React 组件中有两种常见副作用操作：需要清除的

Web React

state Hook State Hook用于在函数组件中声明变量。在函数组件中，可以使用useState进行变量声明，通过const [count, setCount] = useState(0);进行声明，等价于class组件中的this.state = {count:0}，在读取时可以直接通

React Web

前言 Hook 是 React 16.8 的新增特性，它可以不编写 class 的情况下使用 state 以及其他的 React 特性。React Hook产生动机组件之间复用状态困难：React没有直接将可复用性添加到组件的方式，但是如果非要这么做也可以使用高阶组件或render pro

Web React

前言 Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧，Ref 转发是一个可选特性，其允许某些组件接收 ref，并将其向下传递（换句话说，“转发”它）给子组件。ref转发在下述示例中，FancyButton 使用 React.forwardRef 来获取传递给它的 ref，然

Web React

前言在React中，通常会使用到多层组件嵌套，有些时候最内层组件可能会需要最外层组件的值，如果嵌套的太深则通过Props进行获取就会变得极其麻烦，并且最外层的值可能在多个子组件中需要使用，而Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。何时使

Web React

包含关系有些组件无法提前知晓它子组件的具体内容，因为这些组件使用一个特殊的children prop来将它们的子组件渲染到结果中。 function Son(props) { return ( <div className={'son-border-