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

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

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


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

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

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

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

最佳答案

尝试使用HOC:

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

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


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

10-04 11:29