我有一个项目，在这个项目中我有几个接口，在这些接口中，我有一个创建请求的接口，这个接口包含一个字段，这个字段可以是“disabled”或“not be disabled”，当角色是“LINACAPPOINTMENTMANAGER”时，这个字段必须是“disabled”，除非它是Enable.
并且角色是一个角色数组，即用户可能有多个角色，而不是只有一个角色，必须遍历所有角色，检查矩阵中是否包含“LINACAPPOINTMENTMANAGER”角色
我使用了名为“role”的“useState”，如果用户是“LINACAPPOINTMENTMANAGER”，它将变为true或false，并在此基础上将其视为disabled
但我得到这个错误：

Too many re-renders. React limits the number of renders to prevent an infinite loop.

我怎样才能解决这个问题？

import { Col, Divider, Row } from 'antd';
import moment from 'moment';
import { FunctionComponent, useContext, useState } from 'react';
import { useIntl } from 'react-intl';
import { useQuery } from 'react-query';
import index from '../../../../../api/nuclearMedicineApi/services/Index';
import Machine from '../../../../../api/nuclearMedicineApi/services/Machine';
import { dateFormat } from '../../../../../constants';
import { Index, MachineCategory, Priority, RadioTherapyByLinactStates } from '../../../../../constants/enums';
import { AuthContext } from '../../../../../contexts/auth-context';
import { IFormProps } from '../../../../../interfaces/form-props';
import { mapEnumToSelectValues } from '../../../../../utils/map-enum';
import FormElement from '../../../../common/form-element';
import StepsDiv from '../../../../common/steps';

interface RadioTherapyByLinacFormProps extends IFormProps { }

const RadioTherapyByLinacForm: FunctionComponent<RadioTherapyByLinacFormProps> = ({
    control,
    disabled,
    type,
    data
}) => {
    const sharedProps = {
        control,
        disabled,
    };

    const authContext = useContext(AuthContext);
    const roles = authContext.userData?.roleNames;

    console.log('authContext: ', roles);
    const [role, setRole] = useState(false);
    {
        roles?.map((r: string, index) => {
            if (r === 'LINACAPPOINTMENTMANAGER') {
                setRole(true);
            }
            else {
                setRole(false);
            }
        })
    }

    const machineQuery = useQuery('machineGetAllLite', () =>
        Machine.machineGetAllLite({ machineCategory: MachineCategory.RadioTherapyByLinac }),
    );
    
    return (
        <>
            <Row>
                <Col span={12}>
                    <FormElement
                        {...sharedProps}
                        type='select'
                        label='selectmachineProposal'
                        name='machine'
                        options={machineQuery.data?.items}
                        disabled={role === true ? false : true}
                    />
                </Col>

            </Row>
        </>
    );
};

export default RadioTherapyByLinacForm;

// mapper for
//creatorUserId: 2
//lastModifierUserId: null