小编cro*_*wmw的帖子

webpack-dev-server 在 https 上开发

我的 .NET Core API 通过 https 公开。

我想从运行在 webpack-dev-server 上的 React 应用程序请求 API。但是 webpack-dev-server 默认运行在 http 上,CORS 会阻止任何请求。

我重新配置 webpack 以强制使用 https(使用我的 *.pfx 证书示例),但是每次刷新时我都会在浏览器中出现“私有连接错误”(小问题)并且自动刷新停止工作。

控制台错误:

> [HMR] Waiting for update signal from WDS...
> app.js:4049 WebSocket connection to 'wss://localhost:8080/sockjs-node/826/sy0x5mcu/websocket' failed: Error in connection establishment: net::ERR_INSECURE_RESPONSE
> [WDS] Hot Module Replacement enabled.
Run Code Online (Sandbox Code Playgroud)

我认为 webpack-dev-server 的 websockets 由于 https url 无法建立连接。但我不知道如何解决这个问题。

websocket reactjs webpack webpack-dev-server

5
推荐指数
1
解决办法
2471
查看次数

使用 CellMeasurer 反应虚拟化表格动态列宽

我可以以某种方式实现 CellMeasurer 的功能来反应虚拟化 Table 组件吗?

我想要动态列宽。

reactjs react-virtualized

5
推荐指数
0
解决办法
1269
查看次数

连接到 Redux 商店的 React 组件的递归渲染

是否可以递归渲染连接到 Redux 商店的 React 组件?

示例(在我的情况下,没有机会进行无限组件渲染循环):

class Container extends Component {
    render (){
        return (
            <div>
                {this.props.data}
                {this.props.dataKey ? <Container dataKey={'123'} /> : null}
            </div>
    }
}

const mapStateToProps = (state, props) => {
    return {
        data: getDataFromStore(state, props.dataKey}
    }
}

export default connect(mapStateToProps)(Container)
Run Code Online (Sandbox Code Playgroud)

我看到我可以在组件中渲染组件,但是嵌套组件没有连接到商店,因此我不需要this.props.data.

是否有机会将嵌套组件连接到商店?

javascript reactjs redux react-redux

5
推荐指数
1
解决办法
916
查看次数

在 React 应用程序中呈现 HTML 电子邮件的最佳方式

我创建了一个可以发送和接收电子邮件的 SPA React 应用程序。

呈现收到的 HTML 电子邮件的最佳方式是什么?当我收到一封包含大量 base64 和 HTML 标签图像的巨大电子邮件时,该任务就会出现问题。

我收到了来自 API 的 JSON HTML 字符串形式的电子邮件,并希望正确呈现它。

我尝试了两种方法:

  1. 在 div 中渲染dangerouslySetInnerHTML={{ __html: htmlMessageText }}- 存在安全问题
  2. 在预览模式下使用我的电子邮件编辑器 ( Jodit ) -布局抖动有问题

在这两种方法中,都存在性能问题。电子邮件(800 行)需要大量时间(约 2 分钟)。

简单的 HTML 电子邮件没有问题,它们呈现速度很快,但其中一些 - 特别是较大的电子邮件 - 应用程序喜欢冻结布局。

javascript html-email reactjs

3
推荐指数
1
解决办法
3404
查看次数