材料ui中的单选按钮下的checkedIcon和uncheckedIcon都被触发了吗？

Question

我有以下代码：

const PlatformRadioButton = ({onPlatform}) => (
<div>
<RadioButtonGroup style={{ display: 'flex', maxWidth: 100}} 
                  name="platform" 
                  defaultSelected="9" 
                  onChange={(e,v) => onPlatform(v)} >
  <RadioButton 
    value="9"
    checkedIcon={<PlatformIcon platform="ios" color="blue" />}
    uncheckedIcon={<PlatformIcon platform="ios" color="gray" />}
    style={styles.radioButton}
  />
</RadioButtonGroup>
</div>
);

export default PlatformRadioButton;

另一段代码是这样的：

import React, {Component} from 'react';

const PlatformIcon = (props) => {
let platform = props.platform, 
    color = props.color;
if (platform == "all"){
    platform = "ios_android";
}
var imgPath = "/static/img/banner_toggle_" + platform + "_" + color +      ".png";

return <img src={imgPath} />
}

export default PlatformIcon;

不确定..为什么checkIcon和uncheckedIcon同时被触发..我觉得我错过了一段代码......如果有人对此有所了解......