从提取结果中反应填充自动完成材质

时间:2020-10-24 11:02:38

标签: reactjs autocomplete material-ui react-state

有人可以帮我吗?我有一个空的材质的“自动完成”功能,这就是我设置的方式:

<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是正确的。

0 个答案:

没有答案