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