javascript - MaterialUI ListItem的rightIconButton内的多个项目

我想将多个项目附加到rightIconButton内的ListItem上。

我正在使用Material UI v0.20和[email protected]

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

如何包装物品以避免警告？

警告：onKeyboardFocus标签上的未知道具span。从元素中删除此道具。

最佳答案

尝试使用HOC：

function Single() {
  return (
    <div>
      <RaisedButton>Hello</RaisedButton>
      <RaisedButton>wORLD</RaisedButton>
    </div>
  );
}

function App() {
  return (
    <MuiThemeProvider>
      <List>
        <ListItem rightIconButton={<Single />} />
      </List>
    </MuiThemeProvider>
  );
}