material-uiアイコンは内部要素のスタイルを変更します

Question

私はmaterial-uiと反応して、コンポーネントの内部要素のスタイルを変更したいと考えています。 たとえば、ListItemコンポーネントにはprimaryText、leftIconなどがあり、primaryTextまたはleftIconのスタイルを変更して、余白などで再生したいとします。

どうすればよいですか？

Answer 1

使用インラインスタイル：

<ListItem 
    style={{color: "#f7ca18"}} 
    primaryText="Hello" 
    leftIcon={<ActionGrade color={"#f7ca18"} />} 
/>