2022年10月22日
摘要：
十、自定义DOM属性 React 16 之前会忽略不是把的HTML和SVG属性，现在React会把不识别的属性传递给DOM。 React16之前： <div cust-attr="someting"></div>会被渲染成: <div></div> React 16渲染出来的节点： <div cus 阅读全文
摘要：
九、Portals React16的Portals特性让我们可以把组件渲染到当前组件树以外的DOM节点上。典型的应用场景是渲染全局的应用弹框，使用Portals后，任意组件都可以把弹框组件渲染到根节点上，以方便弹框的显示。 ReactDOM.createPortal(child,container) 阅读全文
摘要：
八、错误处理 React16之前，组件在运行期间执行出错就会阻塞整个应用的渲染，只有刷新页面才能恢复应用。React16引入了新的错误机制 默认情况下，当组件抛出错误，整个组件就会从组件树卸载，避免整个应用崩溃 错误边界。能够捕获子组件的错误并对其做优雅处理的组件。可以是输出错误日志，显示出错提示等 阅读全文
摘要：
七，render新的返回类型 React16之前，render方法必须返回单个元素。现在，render支持两种新的返回类型：数组（有React元素组成）和字符串。 render() { return [ <li key="a">a</li>, <li key="b">b</li>, <li key= 阅读全文
摘要：
六、表单 表单元素在React中自身维护一些状态，这些状态默认情况下是不受react控制的，这类状态不受react控制的表单元素称为非受控组件。 在React中，状态的修改必须通过组件的state，非受控组件有悖于这一原则，为了让表单元素的状态变更也能通过组件的state管理，React使用受控组件 阅读全文