React : Enter 键点击意外按钮

Question

首先，我是 React 和 React Native 的初学者，并且正在接手一个项目。因此，很抱歉，如果您不知道所有详细信息，如果您了解该问题，请询问我您需要什么。而且我的英语不太流利，所以我对此表示歉意。 该代码是一个表单，包含一个输入和 2 个按钮。第一个用于添加文件，第二个用于提交文本。 当我在我的笔记本电脑、Android 手机甚至 iOS 模拟器上测试它时，如果我按 Enter 键，一切正常。 但是，当我的 CTO 在他的 iphone 12 上尝试时，回车键会在 Web 应用程序或 React Native 移动应用程序的 Web 视图中单击 addFile 按钮。 有人知道它来自哪里吗？

const handleSubmit = (e) => {
        if (messageValue === "") {
            e.preventDefault();
        } else {
            e.preventDefault();
            // On post le message
            postMessage();
            // On reset l'input
            setMessageValue("");
        }
    };
    const handleChange = (e) => {
        setMessageValue(e.target.value, cas.id);
    };

    return (
        <ContainerReponse>
            <ChatFormInput
                onSubmit={handleSubmit}
                type="text"
                label="Envoyer votre message"
                value={messageValue.message}
                onChange={handleChange}
                valueToActive={messageValue}
                required={true}
            >
                <SendButton disabled={!messageValue ? true : false}/>
            </ChatFormInput>
        </ContainerReponse>

这是 组件的按钮元素：

<button disabled={disabled} type="submit" value="Envoyer" className="sendButton orange send-message">
    Envoyer
</button>

谢谢您的好意