Reactjs 如何根据所选选项更改自动完成材料的宽度?

Reactjs 如何根据所选选项更改自动完成材料的宽度?,reactjs,autocomplete,material-ui,textfield,Reactjs,Autocomplete,Material Ui,Textfield,我想根据从下拉列表中选择的选项更改材质UI中“自动完成”的文本字段 与此相同,电子邮件字段根据输入的内容而增加 handleChange = () => { if(this.state.width === 80) { return; } this.setState({ width: this.state.width + 10 }); } 我希望文本字段根据所选选项增加/减少。但是,它最初应该有一个默认值 我没有使用类组件。相反,我使用的是功能组件

我想根据从下拉列表中选择的选项更改材质UI中“自动完成”的文本字段

与此相同,电子邮件字段根据输入的内容而增加

handleChange = () => {
  if(this.state.width === 80) {
    return;
  }
    this.setState({ 
    width: this.state.width + 10
  });

}
我希望文本字段根据所选选项增加/减少。但是,它最初应该有一个默认值

我没有使用类组件。相反,我使用的是功能组件