副作用函数 (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 创建一个…
Ant Desgin 环境 版本4.x table组件,宽度和高度均响应式变化 table scroll 设置 scroll:{x:true|100%, y:100%} 问题 当table发生更新,y轴scrollbar出现时,table column宽度计算出错,table出现宽度错位 问题分析:table column中有的应用了固定宽度50p…
类的关系 继承 Class对象的子类继承父类的所有属性和方法。 子类可以通过改写覆盖从父类继承的属性和方法,但不会对父类产生影响。 多个实例间可以互相影响吗: //Class对象的继承可以使用extends关键字来完成。以下是一个示例: // 父类 class Animal { constructor(name) { this.name = nam…
Console Object Methods Method Description Chinese Translation assert() Writes an error message to the console if the assertion is false 如果断言为false,则向控制台写入错误消息 clear() Clears t…