أحتاج إلى جعل زر التحميل مستجيبًا، يرجى استخدام هذا الرمز الأساسي الذي قمت بإنشائه: " {
 setHighlighted(false);
 }}
 onDragLeave={() => {
 setHighlighted(false);
 }}
 onDragOver={(e: { PreventDefault: () => void }) => {
 e.preventDefault();
 }}
 onDrop={(ه) => {
 e.preventDefault();
 setHighlighted(false);
 Array.from(e.dataTransfer.files)
 .filter((ملف) => file.type === 'نص/csv')
 .forEach((ملف) => {
 console.log(file);
 });
 }}
 sx={{ alignItems: 'center', border: '1px أسود متقطع' }}
>
 

 {/\* رمز العنصر النائب حتى تتم إضافة رمز الملاحظات إلى أيقونات IFL \*/}
 

 {selectFileText}
 
"، وأضف وظيفة زر React من هذا الكود إلى الكود الموجود لدي "const Button = styled.button`
 /\* أدخل كود CSS المفضل لديك لتصميم زر \*/
`;
const FileUploader = () => {
 const HiddenFileInput = React.useRef(null);
 
 مقبض ثابت كليك = حدث => {
 HiddenFileInput.current.click();
 };
 const HandleChange = حدث => {
 const fileUploaded = events.target.files[0];
 };
 يعود (
 <>
 
 تحميل ملف
 
 
 
 );
};
تصدير FileUploader الافتراضي؛"
{"source": "ewof/sharegpt-instruct-unfiltered-deduped", "kind": "human", "evolved_from": null}