react.js官方文档的相关内容

React 正式推出全新官方文档！

3 月 17 日，在 React 新文档的 Beta 版上线一年之后，React 终于正式发布了全新的 React 官方文档！新文档已启用新的域名：react.dev/。不过，目前新文档只发布了英文版，中文版并未上线。目前，访问 Beta 版文档（beta.reactjs.org/）和英文文档（r...

深入 JSX(精读React官方文档—21)

JSX的本质是React.createElement()函数的语法糖。以下面的JSX代码为例：<MyButton color="blue" shadowSize={2}> Click Me </MyButton> 复制代码会编译为：React.createElement( M...

与第三方库协同(精读React官方文档—20)

React可以被应用于任何web应用中，也可以被嵌入到其他应用中，同时其他应用也可以嵌入到React中。下文将介绍React是如何与其他库进行协同的。集成带有DOM操作的插件React不会理会React自身之外的DOM操作，它会根据内部虚拟DOM来决定是否需要更新，而且如果同一个DOM节点被另一个库...

高阶组件(精读React官方文档—19)

核心高阶组件不用关心数据是如何渲染的，只用关心逻辑即可。被包装的组件不用关心数据是怎么来的，只用负责渲染即可。最后渲染的是高阶组件返回的组件。一个例子看懂高阶组件的用法高阶组件（HOC）是React中用于复用组件逻辑的一种高级技巧，HOC是基于React的组合特性而形成的设计模式。解读高阶组件是一种...

Fragments(精读React官方文档—18)

ragments存在的意义是什么？Fragments旨在解决一个组件包含多个元素，但是无需向DOM添加额外节点。render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> ...

Refs转发(精读React官方文档—17)

什么是Ref转发？Ref转发是一项将ref自动地通过组件传递到其一子组件的技巧。转发refs到DOM组件下面的组件是一个渲染原生DOM元素button的FancyButton组件function FancyButton(props) { return ( <button className="...

错误边界(精读React官方文档—16)

什么是错误边界？官方描述：过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时产生可能无法追踪的错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组件中优雅处理这些错误的方式，...

Context(精读React官方文档—15)

Context有什么作用？官方描述：Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。如果属性只能通过props从上往下进行传递，在有些应用场景下是非常繁琐的，比如UI主题的继承，Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件...

代码分割(精读React官方文档—14)

这是我参与更文挑战的第28天，活动详情查看：更文挑战打包官方描述：大多数 React 应用都会使用 Webpack，Rollup 或 Browserify 这类的构建工具来打包文件。打包是一个将文件引入并合并到一个单独文件的过程，最终形成一个 “bundle”。接着在页面上引入该 bundle，整个...

无障碍辅助功能(精读React官方文档—13)

这是我参与更文挑战的第27天，活动详情查看：更文挑战什么是无障碍辅助功能？官方描述：网络无障碍辅助功能（Accessibility，也被称为 a11y，因为以 A 开头，以 Y 结尾，中间一共 11 个字母）是一种可以帮助所有人获得服务的设计和创造。无障碍辅...

共有25条

< 1 2 3 >

跳转至： GO

更新时间 2024-01-05 22:32:39

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

1504+人已加入

加入