问题标签 [extreact]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
41 浏览

extjs - 包含 ExtReact 主题的问题

在 ExtReact 项目中包含主题后我遇到了问题 。我做了所有提供的步骤:

npm install -g @extjs/reactor # 将 ext-react cli 添加到你的路径

ext-react 生成主题 --name my-theme

我说:

webpack.config.dev.js内部和webpack.config.dev.js内部

但是,它仍然不起作用。我想念什么?

0 投票
1 回答
197 浏览

javascript - 在 ExtReact 6.6.0 中从 FormPanel 获取值

我应该如何使用 ext-react 6.6.0 从 FormPanel 获取值?

根据API 文档,我应该使用getValues在 6.5.1 中有效但_this.form.getValues is not a function在 6.6.0 中出现错误的函数

代码

适用于 6.5.1:https ://fiddle.sencha.com/?extreact#view/editor&fiddle/2n05

在 6.6.0 中失败(请参阅控制台了解错误):https ://fiddle.sencha.com/?extreact#view/editor&fiddle/2n04

0 投票
2 回答
191 浏览

javascript - 在更新期间管理 React 组件行为

我是 ReactJs 的新手,正在使用 ExtReact 框架。我正在显示一个网格,并进行了分页,这工作正常。

我自定义了加载数据时显示的微调器,当“组件确实安装”时它工作正常。

但是,当我更新组件时(比如当我使用 ExtReact 分页器插件切换页面时),会显示另一个本机微调器,我也想自定义它。

我的问题是我找不到使用 lifeCycle 组件方法的正确方法,因为 componentWillUpdate 方法已被弃用。

我最初只有一个“isLoading”状态,但我添加了“isUpdating”,因为“isLoading”在第一次渲染后由于存储数据的加载方式而被修改。

isUpdating 状态似乎保持为假,这是控制台显示的内容:

快照正在更新:false 已更新!正在更新:假索尔·古德曼!

​</p>

这是我的组件代码:

知道我做错了什么吗?

编辑:嗯,我首先认为存储加载不会触发 componentDidUpdate 方法,这就是我单独编写 isUploading 状态的原因。我正在删除它,但我仍然没有解决我的问题。

在 componentDidUpdate 中调用 setState 后,如何防止 virtualDOM 重新渲染?

我正在寻找一种优雅的方式来打破这个循环。

0 投票
0 回答
119 浏览

javascript - Ext-react 破坏了 React Router成分

我在 React 中使用 ExtJS,我正在使用 Ext-React 包 (@sencha/ext-react),当它与 React Router 嵌套路由和 < Link > 一起使用时会导致很多问题

我在 index.js 中有这个:

在 DashboardComponent 内部,我有这个:

运行它总是会产生:

未捕获的错误:您不应该在 <Router> 之外使用

如果删除链接组件,同样的问题,同样的问题,但显示 <Switch> 而不是 <Router>,如果删除 switch 组件并留下 <Route>,同样的问题。

我错过了什么?

0 投票
1 回答
1817 浏览

javascript - 重新加载 ReactLeaflet 地图的问题

我的地图有问题。一张react-leaflet地图。它在我加载我的网站时显示。但其他方式,比如点击链接,它不会。我只是在左上角加载图块,滚动时一张一张地加载。

以前有人遇到过这个问题吗?或者有人有想法吗?

一个例子: http ://www.noelshack.com/2019-02-1-1546872914-capture.png

我已经尝试过componentDidMount, componentDidUpdate, componentWillUnmount... 但没有任何效果。

0 投票
1 回答
68 浏览

extjs - extjs反应器有CDN链接吗

我想使用 extjs-reactor CDN 开发 extjs-reactor 应用程序。我在 extjs 站点中没有找到任何 CDN 链接。是否有 extjs-reactor 的 CDN 链接,如果有任何 extjs-reactor CDN 示例,请与我分享。

0 投票
1 回答
50 浏览

javascript - 在 ExtReact 的 FormPanel 上显示对象

我是 ExtReact 工具的新手,至少使用记录属性在 FormPanel 中显示对象时遇到问题。根据文档,如果我使用我的对象设置记录属性,则值应显示在我的表单上。相反,我发现自己需要this.form.setValues()componentDidUpdate().

我在fiddle创建了一个示例。在示例中,我添加了一个 Load Values 按钮,而componentDidUpdate()不仅仅是显示record={values}在 FormPanel 上设置时值没有被加载到表单中,并且仅在调用this.form.setValues().

0 投票
0 回答
34 浏览

extjs - Extreact 是否支持 RTL 布局?

我正在为波斯语制作一个程序,并使用包括 Extjs 在内的 Sencha 产品。Extreact 是否支持像 Extjs 这样的 RTL 布局?

0 投票
2 回答
784 浏览

javascript - 使用 TabPanel 时仅呈现活动选项卡且仅在第一次

我正在使用 ExtReact TabPanel 组件创建一个具有多个选项卡的应用程序。默认行为似乎是在呈现 TabPanel 期间呈现所有选项卡。但是,我只想仅呈现活动选项卡并仅在第一次单击时呈现(除非用户在选项卡中执行某些操作以要求重新呈现)。我一直在玩监听器和激活事件,但我对控制集不太熟悉,不知道我在做什么。以下是我到目前为止所拥有的,它似乎在激活事件被触发之前选项卡正在呈现,所以不确定这是否是正确的地方。

0 投票
1 回答
190 浏览

extjs - 提取具有 redux 状态和本地存储的列表

我正在使用 Redux 进行状态管理,在我启动的这个提取驱动的应用程序中,我在一个List需要来自 redux 存储的数据的组件 ( ) 中。该List组件需要一个store我知道如何创建但我不知道如何将它与 redux 存储耦合的参数。

我从 Sencha 博客中找到了一个示例,但在我感兴趣的部分缺少它:

例如,如何Ext.data.Store获取项目以及这些项目如何更新componentDidUpdate