material-ui - appBar iconStyleRight 语法错误

Question

我有

render() {
    return <AppBar style={{ position: "fixed" }} title={<span>my Title</span>}

        iconElementLeft={<IconButton><NavigationMenu /></IconButton>}
        iconStyleRight={{color:"red"}}
        iconElementRight={<IconButton><span className = "material-icons">account_circle</span></IconButton>}
        />
}

但 iconStyleRight 给了我错误

Type '{ [x: number]: undefined; color: any; }' is not assignable to type 'string'

不知道为什么。我尝试了很多组合，包括将 a 添加style到<span>元素中，这被忽略了。

希望正确的语法使这个正确的图标显示为红色，这样我就可以理解如何将样式应用于我的图标。

Answer 1

原来解决办法是设置 IconButton 组件的 iconStyle 属性。

同样在我当前在 material-ui.d.ts 的环境中，iconStyleRight 属性的 typedef 被错误地设置为“字符串”，但应该是对象，从而使问题更加复杂。

现在一切都好。