恪晨的小站

使用webpack构建React组件发布至npm实战

React Web JavaScript

Nodejs 软件 React

前言在很久之前写过在Vercel上部署Nestjs项目，实现node服务的访问，最近整理了一个完整的前后端项目，实现了对接mysql数据库以及基本的curd功能，并且部署在了vercel上，由于vercel的每一个服务的域名时不同的，并且不能设置多个项目不能设置同一个域名，因此需要在前端访问时最

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}，在读取时可以直接通

Web React

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

React Web

前言 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-