Javascript MaterialUI ListItem的右图标按钮内有多个项目

我想将多个项目附加到

列表项目

中的

右图标按钮

我正在使用和React@15.6.2

      <ListItem
        rightIconButton={
          <span>
            <RaisedButton />
            <TrashIcon />
          </span>
        }
      />

如何包装项目以避免警告？

警告：未知道具

onKeyboardFocus

on

span

tag。从元件上拆下此道具

尝试使用HOC：

函数单（）{
返回(
你好
世界
);
}
函数App（）{
返回(
);
}

---

自定义组件将有助于删除警告：

function GroupedButtons(props) {

  return (
    <span>
       <RaisedButton>Hello</RaisedButton>
       <RaisedButton>WORLD</RaisedButton>
     </span>
  )
}

...

function App() {

  ...

  <ListItem
     rightIconButton={
        <GroupedButtons />
     }
  />

功能组按钮（道具）{
返回(
你好
世界
)
}
...
函数App（）{
...

工作示例：

---

请编辑您的问题，将错误添加为文本而不是图像？使用“react”：“15.6.2”并且不受支持。此外，

react.Fragment

也会抛出错误。因此，编辑您的问题…您的react也过时了（可能制作沙盒？）@CristianMuscalu尽量不要这样尝试一个HOC，它包装了

RaisedButton

和

TrashIcon

添加了codesandbox示例