有人可以帮我吗?我有一个空的材质的“自动完成”功能,这就是我设置的方式:
<Autocomplete id="standard-secondary" options={MuscleCategory} getOptionLabel={(option) => option.title} value={muscleGroup}
renderInput={(params) => <TextField {...params} label={t('muscolarGroupFieldLabel')} variant="outlined" />}
onChange={(val) => {
setMuscleGroup(val.target.value);
}}
style={{ width: 300 }}
这是状态
const [muscleGroup, setMuscleGroup] = useState('');
const [MuscleCategory, setMuscleCategory] = useState(new Array());
第一个用于保存所选项目,第二个用于“显示”自动完成中的所有类别。 我不知道如何填写需要在自动完成中显示的MuscleCategory,我试图在函数中使用setMuscleGroup:
function populateMuscleCombo(){
fetch(something, {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({
})
}).then((response) => response.json())
.then((responseJson) => {
setMuscleCategory(responseJson);
}).catch((error) => {
console.error(error);
});
}
但是我什么也不做,PHP是正确的。