问题标签 [rsuite]

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 投票
2 回答
295 浏览

javascript - 如何从此库中导入单个组件?

我想了解如何使用 Babel、webpack 或任何我需要的工具从库中导入单个组件。

这里https://rsuitejs.com/en/guide/usage当您向下滚动到“使用模块化 rsuite”时,他们说我需要安装babel-preset-rsuite然后添加一个.babelrc文件,但其中包含以下内容:

我已经完成了,它仍然没有导入 .less 样式。所以我最终得到了一个没有漂亮样式的 HTML 按钮。

(我有点标题,已经尝试了所有可能的事情但没有任何效果,我刚刚因为另一个 webpack 问题而破坏了我的整个代码库,幸运的是我能够通过我的 VCS 恢复它)

有人可以向初学者解释我到底该怎么做吗?我是否必须运行特定命令而不是react-scripts start让它考虑这个 .babelrc 文件?

谢谢

0 投票
1 回答
494 浏览

reactjs - Nextjs 使用 rsuitejs 和 css 模块在构建目录中没有 css

我将nextjsrsuitejs一起使用。

在开发中一切正常。构建库 css 后不在构建目录中,所以没有 css 的页面很丑。

我使用带有自定义webpack配置的 css 模块。你可以在这里找到项目:

https://github.com/Temkit/rsuitejs-nextjs-example

0 投票
1 回答
178 浏览

javascript - 状态数据更改时 rsuite-table 不更新

这是我的渲染方法

请注意,我将 data prop 设置为this.state.data. 因此,在我在以下函数中更改数据状态后,表值不会更新。

状态已正确更新,但表未更新。我正在使用 rsuite-table。

0 投票
3 回答
350 浏览

reactjs - 如何更改 rsuite DateRangePicker 中菜单的位置?

我正在使用 rsuite DateRangePicker,该组件显示在右侧。当我打开菜单来选择日期时,菜单会脱离页面容器,我必须向右滚动页面才能看到整个菜单。

菜单溢出

我正在寻找一种方法来改变这个菜单的位置,知道吗?

0 投票
1 回答
466 浏览

javascript - 如何使用 rsuite - React Suite 范围滑块?

晚上好,我第一次使用 UI 框架rsuite(React 套件),设置很好,但是当我想使用组件 Slider - Range 滑块的 API 时,标签和工具提示不起作用.

这是一些代码:

页面加载没有错误,但我仍然找不到使用API renderMark 的方法。有什么简单的方法可以做到这一点吗?

提前致谢 !

0 投票
1 回答
564 浏览

reactjs - React Suite Accepter 组件在更改时不更新表单值

我正在将rsuitejs用于组件,并且在我正在创建的表单中,我有一个名为MotivationSlider的自定义滑块,它不会在值更改时更新其所在表单中的数据。自定义 Slider 如下所示:

它被包裹在一个自定义字段中,如下所示:

当我更改滑块值时,表单数据不会更改,但是如果我将 CustomField 与这样的普通滑块一起使用,则表单值会更改。

我在这里做错了什么?

0 投票
1 回答
481 浏览

reactjs - 反应套件错误:组件未从“rsuite”导出

我刚刚发现了反应套件,它真的很好,但我无法弄清楚这个错误,它说组件不是从 rsuite 中导出的,例如“尝试导入错误:‘卡’不是从‘rsuite’中导出的。” 这种情况经常发生,如果不是来自 rsuite 的组件在哪里,而且它的文档真的很糟糕,它并没有多大帮助

我不知道为什么会发生这种情况,尝试查找 youtube、google 或其他任何东西,但似乎社区不是那么大,我不明白,而且我已经有了很多其他组件。任何帮助将不胜感激我真的很想使用这个库它看起来真的很好

0 投票
1 回答
91 浏览

reactjs - RSuite 错误消息使用 rsuite Schema 进行翻译。NextJS i18n

我在 RSuite 和架构错误处理方面遇到了一点问题。现在我无法翻译来自 Schema 的错误消息,因为 Schema 是在组件外部编写的,所以我不能使用钩子。是否可以在组件外部翻译错误消息?

这就是整个组件

0 投票
1 回答
234 浏览

reactjs - 您好,我在使用路由器和 RSUITE 库时遇到以下错误:

未捕获的类型错误:react__WEBPACK_IMPORTED_MODULE_0__.React 未定义

至少到目前为止,更新 webpack 等并不能解决任何问题。

这是我的表单组件: ModalForm.js 底部注释中的 3 行是不幸的尝试。

这是我的 App.js,我无法在其中导入类...

这是我的 package.json 文件:

感谢您提供的任何帮助,

0 投票
1 回答
232 浏览

reactjs - 如何从 rsuite 组件将 CSS 应用于 AutoComplete 列表

我正在尝试将样式应用于 Rsuite 中的此组件列表:

https://rsuitejs.com/components/auto-complete#%3CAutoComplete%3E

我想设置一个最大高度,然后溢出。

目前我试图设置 style={{maxHeight: 150px}} 但它适用于 InputContainer 而不是 List。