typescript Awaited 用于限定 promise.then 和 async/await 函数 的返回值类型， 可多层嵌套异步函数 type AC = Awaited<Promise<string|number>>; // string | number | PromiseLike<string | num…

首页加载缓慢 一、同构解决方案 使用场景：通过虚拟DOM，操作DOM; 有SEO需求； 客户端渲染：首页白屏，慢 服务端渲染：首页快，但每次跳转需请求服务端，慢 同构：结合客户端和服务端渲染的优点，服务端先渲染一遍html(静态页面)，客户端添加事件绑定。 解决首屏慢问题。 只首次访问请求服务端。 (1) 路由的处理 // 服务端渲染使用 静态路由…

create-react-app 替代方案 react-app-rewired npm install react-app-rewired customize-cra customize-cra addLessLoader 报错问题：Invalid options object. PostCSS Loader has been initialize…

副作用函数 (useEffect) 执行顺序 useState=>render=>useEffect，建立真实的DOM树之后（即浏览器渲染完成页面之后）开始调用 什么是副作用？ react 副作用主要作用是：React组件与React之外的第三方系统数据同步，例如：发送分析日志、服务器请求或者用React状态控制非React组件等等；是…

事件 小驼峰格式书写 onClick, onChange, onSubmit ... 受控组件事件属性 <input name="your-input" value={inputVal} onChange={(e)=>{console.log('your-input-event-keys', e)…

通用组件的通用DOM标准属性 名称 描述 建议或更多 accesskey 定义元素功能快捷键的方式: chrome/windows 环境： Alt + [key], <button accesskey="s"></button> => 快捷键 Alt + s 会有很多问题，不建议使用 aria-* …

React内置属性 适用于通用内置组件 名称 描述 建议或更多 children 子组件[React节点，string|number|portal|null|undefinded|boolean|HtmlElement|Array<React节点>] 只读 dangerouslySetInnerHTML 渲染html原始字符串 ref …

// myStyles.css .content-wrap { width: 200px; ... } .content-wrap-right { float: right; } // 引入 myStyles.css import './myStyles.css' // 配置 class 使用 <div className…

React-dom 支持组件 表单组件 不支持自定义属性的原生获取方式 名称 描述 建议或更多 <input> 支持原生input组件 支持原生各种类型的input <select> 支持原生select组件, 传入value+onChange等事件控制组件 支持原生各种类型的select <option> 支持…

所有Api 名称 描述 建议或更多 cloneElement 覆盖组件props 接收props的function替代 Component class YourComponent extends Component {} 建议使用函数组件替代 createElement 创建一个React节点 直接创建标签组件 createFactory 创建一个…