获取错误:将对象作为值传递给<select>时,提供给`TextField`的prop`value`无效

时间:2017-10-29 14:43:13

标签: forms reactjs material-ui

我有一个选择菜单,其中填充了我的数据库中的可用公司。当用户点击其中一个公司时,我希望将selectedCompany的状态设置为该公司对象。 这适用于我的实现。但是,React抱怨以下错误。   提供给TextField的prop值无效 这是我的    &LT; TextField的           ID =&#34; selectedCompany&#34;           选择           label =&#34;选择一家公司&#34;           余量=&#34;正常&#34;           的className = {classes.textFieldSelect}           value = {props.selectedCompany === null? &#34;&#34; :props.selectedCompany}           的onChange = {props.handleInputChange(&#39; selectedCompany&#39;)}           SelectProps = {{             MenuProps:{               className:classes.menu,             },             名称:&#34; selectedCompany&#34;           }}           helperText =&#34;示例:公司1&#34;         &GT;           {props.availableCompanies.map((company,index)=&gt;(             &lt; MenuItem key = {index} value = {company}&gt;               {公司名}             &LT; /菜单项&GT;           ))}   &LT; /&的TextField GT; 以及我父组件中的相关函数: export class Jobs extends Component {       constructor(){         超();         this.state = {           currentJob:{              selectedCompany:null,           }           availableCompanies:[],         };     this.handleInputChange = this.handleInputChange.bind(this); }   handleInputChange = name =&gt; e =&gt; {     e.preventDefault();     const target = e.target;     const value = target.value;     的console.log(值);     this.setState({currentJob:{... this.state.currentJob,[name]:value}});   }; }

0 个答案:

没有答案