状态传递到值的组件重新渲染

Question

我无法弄清楚为什么我的一生都需要重新渲染组件...我将其隔离为问题，因为我将自己的状态分配给select中的value。例如，如果我对value="Harvard"进行硬编码，它将运行良好。但是一旦我分配了this.state.school，它就会无限渲染。

谢谢=]

代码段

constructor(props) {
    super(props);
    this.state = {
      school: ""
    };
  }

  render() {
    const { classes } = this.props;
    console.log(this.state.school);
    return (
      <div>
        <Select
          MenuProps={{
            className: classes.selectMenu
          }}
          classes={{
            select: classes.select
          }}
          value={this.state.school}
          onChange={this.props.schoolChange}
          inputProps={{
            name: "school",
            id: "school"
          }}
        >