你所不知道的关于React DevTools的5个秘技

栏目: 服务器 · 发布时间: 5年前

内容简介:本文主要内容来自

本文主要内容来自 5 things you didn’t know about React DevTools

你所不知道的关于React DevTools的5个秘技 React DevTools 以 chrome,firefox 插件形式提供 React 的开发辅助功能。

Profiler

你所不知道的关于React DevTools的5个秘技

更换主题

你所不知道的关于React DevTools的5个秘技

在控制台中与 React 对象 互动

选中一个元素后,打开控制台,输入$r 即是选中元素的实例。

你所不知道的关于React DevTools的5个秘技

调试生产环境状态下的 react

实际还是在本地调试 production 状态下 编译的 react。

使用 babel 插件 babel-plugin-transform-react-jsx-source 更容易的看懂源码

使用秘密的 React API

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  // ...

  // Show a label in DevTools next to this Hook
  // e.g. "FriendStatus: Online"
  useDebugValue(isOnline ? 'Online' : 'Offline');

  return isOnline;
}
  • 在事件中放置 label 来分析性能问题(当前还未发布)

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

文本上的算法——深入浅出自然语言处理

文本上的算法——深入浅出自然语言处理

路彦雄 / 人民邮电出版社 / 2018-3-1 / 69.00元

本书结合作者多年学习和从事自然语言处理相关工作的经验,力图用生动形象的方式深入浅出地介绍自然语言处理的理论、方法和技术。本书抛弃掉繁琐的证明,提取出算法的核心,帮助读者尽快地掌握自然语言处理所必备的知识和技能。本书主要分两大部分。第一部分是理论篇,包含前3章内容,主要介绍一些基础的数学知识、优化理论知识和一些机器学习的相关知识。第二部分是应用篇,包含第4章到第8章,分别针对计算性能、文本处理的术语......一起来看看 《文本上的算法——深入浅出自然语言处理》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具