您应该将StyledSelect声明移到 之外Select2，因为每次输入更改都会导致Select2重新渲染（我console.log在其中放了一个以便您清楚地看到），再次声明 StyledSelect，这会导致您的意外行为

解决方案

const StyledSelect = withStyles({})(Select);

const Select2 = (props) => {
  console.log("rerender");
  // If we chance StyledSelect to Select (Mui one), it works fine.
  return <StyledSelect {...props}>{props.children}</StyledSelect>;
};

演示