我有一个带有onchange事件处理程序的输入，每当我尝试在其中键入字符时，它都会刷新屏幕。我想知道你们是否能帮我解决这个问题。
这是我的密码：

const HeaderUser: React.FC<TabWrapper> = () => {
const [drawerEmpreendimentosVisible, setDrawerEmpreendimentosVisible] = useState(false);
const intl = useIntl().formatMessage;
const [currentEmpreendimento] = useLocalStorage().createState('currentEmpreendimento');
const [displayRoadmapScreen, setDisplayRoadmapScreen] = useState(false)
const [displayRegisterScreen, setDisplayRegisterScreen] = useState(false);
const [inspector, setInspector] = useState('');
const [roadmap, setRoadmap] = useState('');
const RegisterScreen = () => {
    const handleOk = () => {
        setDisplayRegisterScreen(false);
    };
    const handleCancel = () => {
        setDisplayRegisterScreen(false);
    };
    return (
        <div>
           <Modal
                title="Cadastrar novo roteiro"
                visible={displayRegisterScreen}
               onOk={handleOk}
                onCancel={handleCancel}>
                <b>Roteiro:</b>
                <br />
        //Refreshing issue  <Input type="text"  placeholder="Roteiro"  onChange={e => 
                  setRoadmap(e.target.value)} /><br />
                <b>Inspetor:</b>
                <br />
                <Input type="text" name="inspector" placeholder="Inspetor"  onChange={(e) => console.log(e.target.value)} />
            </Modal>
        </div>
    )
};