Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 不能包括React UI框架(Grommet)_Reactjs_Grommet - Fatal编程技术网

Reactjs 不能包括React UI框架(Grommet)

Reactjs 不能包括React UI框架(Grommet),reactjs,grommet,Reactjs,Grommet,我在导入UI库时遇到问题,我在使用ant设计库时遇到问题,所以我决定尝试不同的库,现在导入Grommet时遇到问题 我做错了什么?我根据文档添加了依赖项,并添加了文档中包含的示例,但仍然不起作用 我正在尝试执行 但是看起来一点都不一样 我使用codesandbox.io 因此,根据您的代码: <Menu dropAlign={{right: "right"}}> 将图标属性添加到菜单组件: 这里有一个codesandbox.io链接,可以修复您的问题: 我快发疯了,我复制了你的精确

我在导入UI库时遇到问题,我在使用ant设计库时遇到问题,所以我决定尝试不同的库,现在导入Grommet时遇到问题

我做错了什么?我根据文档添加了依赖项,并添加了文档中包含的示例,但仍然不起作用

我正在尝试执行

但是看起来一点都不一样

我使用codesandbox.io


因此,根据您的代码:

<Menu dropAlign={{right: "right"}}>
将图标属性添加到菜单组件:

这里有一个codesandbox.io链接,可以修复您的问题:

我快发疯了,我复制了你的精确代码,结果还是不一样
<Menu dropAlign={{right: "right"}}>
import Actions from 'grommet/components/icons/base/Actions';
<Menu
   icon={<Actions />}
   dropAlign={{ right: 'right' }}
>
  <Anchor href="#" className="active">First</Anchor>
  <Anchor href="#">Second</Anchor>
  <Anchor href="#">Third</Anchor>
</Menu>