通过 react-leaflet 在 react 中使用 leaflet，在动态修改 Popup 弹窗内容时，发现 Popup 尺寸（宽高）不会跟随修改后的内容变化。 问题 有一个默认小尺寸的 Popup，它里面有一个按钮。点击按钮后会将 Popup 中的内容替换成大尺寸内容。 简要逻辑如下: <Pop……

使用 react-draft-wysiwyg 搭配新版 React 开发，发现工具栏（Toolbar）的添加图片、添加表情、添加图像、文字下拉列表等点击无效。 现象 使用新版本 Create-React-App 创建的 React 工程，引入 react-draft-wysiwyg 作为文本编辑器。 页面运行……

前文说过，最近在写一个基于 React + WP-Rest 的独立主题，而本文所说的回到顶部组件即是它的一部分。 原理及演示 关于Element.scrollTop,MDN 上有很好的解释： Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。 一个元素的 scrollTop……

对于函数组件（Function Component）来说，它没有 class 组件中的 componentDidMount、componentDidUpdate 等生命周期方法，也没有 State，但这些可以通过 React Hook 实现。 React Hook 是什么 Hook 是一个特殊的参数，它是 R……

最近在用 React + Material-UI 写一款基于 WP-Rest API 的主题，碰到了代码高亮的问题，这里记录下两种解决方法。 问题 请求 API 返回的数据包含代码块，前端应该调用代码高亮插件“渲染”一下。 在普通的 html 中，页面加载完成时调用 highlight.js 的高亮方法即可，……

书接上回，上次已经建立了可以使用的 Electron + React + WebRTC 开发环境，这次重点解决获取视频流的问题。 Mobx 管理状态 我使用 mobx 抽离 React 组件的内部状态数据，这样有两个好处，1 是方便状态共享，2 是可以把逻辑写在组件外面。 import { observabl……

很早之前就计划做一个基于 WebRTC 的屏幕共享程序，顺便假设一个 TURN 服务器，试试 WebRTC 流量中转。 简介 很久之前的计划，在此之前，我也开发过类似的 WebRTC 音视频共享，但只是一个很简单的一对一项目，没用上公网 TURN 服务器，也没时间细细研究，因此心里有点遗憾。 这次选定了Ele……

React 是一套组件化的前端 JavaScript UI 框架，每个组件可以声明并维护 state 属性，框架根据 state 的变化刷新组件。本文中，将父组件的 state 传递给子组件后，state 发生变化，子组件却没有更新。 问题 将本组件的 state 以 props 形式传递给子组件后，子组件用……