افزودن فایل js خارجی به پروژه ReactJs

[s8990]

سلام

وقتتون بخیر

من میخوام برای پروژه ReactJs از یه قالب آماده استفاده کنم . این قالب چندین فایل css و js داره. فایل های استایل بدون مشکل اضافه شدن به پروژه . ولی فایل های js رو هرکار کردم اجرا نشدن.هم توی index.html توی پوشه public تستشون کردم هم توی app.js ایمپورت کردم. به صفحه اضافه میشن ولی اجرا نمیشن. از طریق npm جی کوئری رو هم اضافه کردم ولی بازم نشد. لطفا راهنمایی کنین که باید چیکار کنم ؟

[مهدی حسن زاده]

سلام
وقتتون بخیر
در React کلیه فایل های Js رو ما import میکنیم.فقط فراموش نکنید قبل از کلاس ها و توابع از export استفاده کنید

[s8990]

./src/assets/js/plugins/metisMenu/jquery.metisMenu.js
Line 10:1: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:467: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:976: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:1084: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:1261: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:2351: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:2538: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:2902: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:3085: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:3318: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 10:3448: ‘jQuery’ is not defined no-undef

Search for the keywords to learn more about each error.

[مهدی حسن زاده]

برای چی دارید از jQuery استفاده میکنید؟
کلا استفاده از Jquery در React کار اشتباهیه و درست نیست.
ولی اگر اصرار دارید که ازش استفاده کنید مراحل زیر رو طی کنید
1.به دایرکتوری پروژه در cmd برید
2.دستور npm install jquery –save رو اجرا کنید
3.$ رو از jquery ایمپورت کنید
به مثال زیر یک نگاه بندازید

JavaScript

import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; // react code here $("button").click(function(){ $.get("demo_test.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); }); // react code here

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery';   //   react code here   $("button").click(function(){     $.get("demo_test.asp", function(data, status){         alert("Data: " + data + "\nStatus: " + status);     }); });   // react code here

[s8990]

ممنون
آره خوندم که استفاده از Jquery در React کار اشتباهیه اما خوب متاسفانه قالب ادمینی که میخوام استفاده کنم یه عالمه فایل js داره که باید jqeruy ادد بشه تا کار کنن. آیا راه حلی برای این موضوع هست ؟
راه حلی که فرستادین تا جایی که من میفهمم ، مال وقتیه که بحوایم کد جی کوئری توی کامپوننت ها بنویسیم . ولی من میخوام یه عالمه فایل js رو به صفحه اضافه کنم. نمیتونم دونه دونه اینجوری اصلاحش کنم. هیچ راه دیگه ای نداره ؟

[مهدی حسن زاده]

از قالب ادمین مربوط به react استفاده کنید
نمیدونم راه حل دیگه ای هست چون خودم تا حالا این کار رو نکردم.سرچ کنید شاید راه حل دیگه ای باشه

[s8990]

ممنون از کمکتون

[نویسنده]

نوشته‌ها