问题标签 [react-widgets]

我正在尝试将 react-widgets NumberPicker 包装在onChange触发时更新状态的功能组件中。

当我单击选择器的向上或向下箭头时，它开始闪烁，就好像它处于引用/重新渲染循环中一样。我已将代码简化为以下为我复制错误的代码。

我正在使用 React 16.13.1， react-widgets 4.5.0， react-widgets-simple-number4.1.24

如果我将组件移出功能，它可以正常工作：

关于为什么这不符合预期的任何想法？

我正在尝试在我的 reactjs 项目中添加下拉列表。我的数据来自看起来像这样的 api。

colours在下拉列表中，我必须在下拉列表中显示sizeType。

我试过这样做，但它不起作用。

我想渲染一个位于谷歌地图上的反应聊天小部件。当我这样做时，小部件容器（在单击之前最小化空间）阻止我与地图的一部分进行交互。如何重叠组件以便只有“活动”组件起作用？

在react-widgets 示例页面上，输入“Jase”后，列表会被过滤，只有完全匹配的内容可见。

然而，在我的项目和以下代码段中，输入“Test 1”后，我看到的是整个列表，而不是一个匹配的条目。

如何将组合框配置为仅显示匹配条目而不是整个列表？

嗨，我是 TypeScript 的新手。我无法理解这个错误。如果有人可以提供帮助，那将不胜感激。我试图用谷歌搜索这个问题并试图改变它的版本，但不确定是什么导致了这个错误。我在我semantic-ui-react的 with中使用这个日期选择器react-final-form。DateTimePicker我的 DateInput 组件在我的导入上给了我一个问题。react-final form对于其他输入效果很好。只是这个问题react widgets-> DateTimePicker。 这是错误

这是我的 DateInput 组件

这是它得到渲染的地方

这是错误

我使用我正在构建的 react-widgets 有这个简单的可重用 DateTimePicker 组件。它尽可能基本，但我不知道为什么它会引发此错误，即使我已经在 DateTimePicker 中容纳了其余属性并且已经在 DateTimePicker Props 中传播。

错误是这样的，看起来道具没有分布在 DateTimePicker

下面是我的DateInput.tsx的代码

任何想法我做错了什么？

我想使用很棒的react-widgets DropDownList从服务器按需加载记录。

我的数据加载似乎一切正常。但是当数据道具发生变化时，DropDownList 组件不显示项目，我收到一条消息

过滤器未返回任何结果

即使我看到数据填充在我的组件中的 useEffect 钩子中，记录下面的 data.length。

我认为这可能是由于“过滤器”道具进行了某种客户端过滤，但启用这是我获得输入控件以输入搜索词的方式，它确实触发了“ onSearch ”

此外，如果我使用我自己的组件与道具valueComponent或listComponent一起显示，我相信当列表最初为空时它会爆炸。

我究竟做错了什么？我可以使用 react-widgets DropDownList 以这种方式按需加载数据吗？

我刚刚开始使用 react-widgets 中的 DateTimePicker。TimerPicker 图标显示在小部件中。我已经实现了与以下站点中提到的相同，

https://jquense.github.io/react-widgets/api/DateTimePicker/
https://jquense.github.io/react-widgets/localization/

下面是我的代码，

应用程序.tsx

日期 fns 的自定义类型 -> react-widgets-date-fns.d.ts

tsconfig.json

请帮我完成这件事...

我想在简单的脚本标签（一个小部件）中显示我的反应组件我用 npx create-react-app widget_app 创建了简单的反应应用程序。我按照以下步骤在单个包文件中构建了一个反应应用程序，即 bundle.min.js：

1. npx 可嵌入创建反应应用程序
2. 在 package.json 文件的脚本部分添加了以下内容：

"web:build": "npm run build && npm run build:bundle",

“构建：捆绑”：“webpack --config webpack.config.js”

3. 纱线网：建立
4. 它在以下路径为我提供了一个名为 bundle.min.js 的捆绑文件： widget_app/dist/build/static/js/bundle.min.js

我使用以下命令在服务器上运行了上述捆绑文件：

1. npm install -g http-server
2. http服务器

我要在其中显示我的反应小部件的 HTML 文件（捆绑文件）：

但是这个 html 文件没有显示任何东西（如附加的屏幕截图所示）。

我正在将使用 create-react-app 构建的应用程序升级到版本 17.0.1。这是我使用 React 开发以来的第一次重大升级。

例如，我依赖于react-widgets版本 4.4.11。

在 react-widget 的 devDependencies 中，我看到引用了 React 16。

没有列出 peerDependencies。

将我的应用程序的 react、react-dom 和 react-scripts 升级到最新版本后，一切似乎都运行良好。

所以基本上 react-widgets 是用 React 16 编写的，我用 React 17 运行它。这可以吗？我相信 React 16 和 17 是兼容的，但还是有区别的。

此外，react-widgets 正在计划为 React 17 发布 v5，这使得这更加令人困惑。

您如何处理升级中的依赖关系？