问题标签 [carbon-design-system]

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 回答
126 浏览

reactjs - 如何在保存时关闭碳模态

我正在使用来自“carbon-components-react”的 ModalWrapper

单击保存时,它不会关闭模式。如何强制关闭?

请参阅示例代码框 https://codesandbox.io/s/carbon-components-react-forked-n09un?file=/src/index.js

0 投票
0 回答
53 浏览

reactjs - 如何解决 React 组件的 YARN 编译错误?

我开始在 React Web 应用程序的世界中构建自己的方式,因为我正在关注此处提供的 Carbon Design System 教程:https ://www.carbondesignsystem.com/developing/react-tutorial/step-1

因为当我开始根据页面的步骤添加路由时,我发现自己陷入了以下无法编译的错误:

据我了解,正在调用 React Refresh 插件中的 api.assumption ,我没有在 package.json 文件的依赖项中看到它:

基于此,我应该从哪里开始寻找解决此编译错误的问题?是否有一系列步骤可用于解决此类编译错误?

0 投票
0 回答
16 浏览

reactjs - 如何在 ReactJS 中使用 CARBON-UI 实现可扩展搜索框?

我正在使用IBM 的 Carbon UI 设计。如何ExapandableSearch在 ReactJS 应用程序中实现组件?

我试过了

错误

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

任何形式的帮助将不胜感激

0 投票
0 回答
20 浏览

reactjs - Anyway to scroll through Carbon Design System content switchers?

Considering switching to using tabs since they allow for horizontal scrolling, but this would be a large-sclae shift for our software, so was wondering if there's a simpler workaround short term for horizontally scrolling content switchers that won't mess up its responsiveness.

please & thank yous (((sorry if you went what a nooooob)))

0 投票
0 回答
22 浏览

reactjs - 带有下拉菜单的标题图标按钮

对于碳设计系统:是否有带有下拉菜单的标题按钮(仅限图标)示例?
我正在尝试文档但找不到它。
这应该是HeaderGlobalAction带有 dd 菜单的组件,或类似的组件

0 投票
0 回答
45 浏览

javascript - React Carbon DataTable 未获取所选内容的 onclick 事件(值)

我只是在探索与碳的反应并陷入了一些触发事件。这是我的一段代码(ChildComponent)

这位于子组件上,父组件如下所示

由于某种原因,我收到警报和控制台未定义

在这里,您可以看到一个 onclick 事件,它触发但没有从中获取 value(row.id)。我需要进一步发展的价值。

任何帮助/小提琴都会非常有帮助

0 投票
0 回答
28 浏览

reactjs - 自定义子弹图 onClick

我正在尝试自定义碳设计子弹图
是否有图表文档?
我能找到的只是一个关于codesandbox的基本示例,单击图表中的任何条并自定义图例时
我需要事件。onClick

我当前的选项 obj(尝试替换范围标签,不起作用)

0 投票
2 回答
213 浏览

javascript - ReactDom createPortal() 不起作用,但 render() 起作用,并且如果重复触发,则只有一次不起作用 - 为什么会这样?

新手来这里反应。

TLDR:我有一个辅助函数,调用createNotification它时使用 render()将<ToastNotification />组件插入到元素中。container如果我使用 createPortal() ,则不会附加任何内容。如果我使用渲染,尽管有多个触发器,但该组件只会添加一次。

谁能帮我弄清楚发生了什么?

谢谢

helpers.js

根据需要从其他组件调用上述函数:

登录.js

应用程序.js

谢谢

0 投票
1 回答
43 浏览

reactjs - 如何更改碳设计系统图标大小?反应

我没有找到任何方法来更改 IBM Carbon Design System 上的图标大小

0 投票
0 回答
19 浏览

design-patterns - 解耦设计系统和 ui 组件库是一个好方法吗

我正在创建一个设计系统并考虑从中分离 ui-component 库系统。我的理由是 - 设计规范将来自不同的团队,而 ui-component 将由不同的团队设计。我希望两个团队独立工作。因此,设计团队将创建/更新设计规范并发布给 ui-component 团队。UI 团队将致力于创建/修改组件。与此同时,设计团队开始着手制定新版本的规范或优化。

你对此有何建议。