Çözüldü JavaScript React'ta Servis nasıl tanımlanır?

706111 · 6 Temmuz 2024

Arkadaşlar merhaba.

Ben birkaç şekilde tanımlıyorum ama hata alıyorum.

1. Tanımlama şeklim;

src/service/UserService.js dosya oluşturdum

JavaScript:

function listUser(){
 
}

export default UserService

Şeklinde tanımladığım zaman şu hatayı veriyor;

Uncaught ReferenceError: UserService is not defined

2. Tanımlama şeklim;
src/service/UserService.js dosya oluşturdum

JavaScript:

function ListUser(){
 
}

export default ListUser

Şeklinde tanımladığım zaman şu hatayı veriyor;
Uncaught TypeError: UserService.CreateUser is not a function

Doğru şekilde nasıl tanımlanır?

zwarbeed · 6 Temmuz 2024

Selamlar, bildiğim kadarıyla Node.js ve React gibi pek çok JavaScript framework'ünde yazdığın fonksiyonu "module.exports = ..." kodunu kullanarak import edebiliyorsun. Örnek vereyim:

JavaScript:

const listUser = () => {
    console.log("");
};
module.exports = listUser;

Bu arada arrow function kullanmanı sana kesinlikle öneririm; tabii kullanım tercihi, yine de sana bağlı. Bu arada "module.exports = listUser;" yerine "module.exports = { listUser };" da yazabilirsin. Kolay gelsin.

706111 · 6 Temmuz 2024

zwarbeed dedi:
Selamlar, bildiğim kadarıyla Node.js ve React gibi pek çok JavaScript framework'ünde yazdığın fonksiyonu "module.exports = ..." kodunu kullanarak import edebiliyorsun. Örnek vereyim:

JavaScript:

const listUser = () => {}; module.exports = listUser;

Bu arada arrow function kullanmanı sana kesinlikle öneririm; tabii kullanım tercihi, yine de sana bağlı.

Hocam başka bir .jsx yada .js dosyasında nasıl import edeceğim?

zwarbeed · 6 Temmuz 2024

tensa_zangetsu dedi:
Hocam başka bir .jsx yada .js dosyasında nasıl import edeceğim?

import React from "react"; veya const express = require("express"); gibi düşün. src ve service klasörü içerisindeki bir JS dosyasında import etmek istiyorsan "import" keyword'ünü veya require() function'unu kullanabilirsin. Mesela /src/service/App.js'yi düşün:

JavaScript:

const listUser = require("./service/UserService");
listUser();

Ancak UserService.js'yi import edeceğin JavaScript dosyası, service klasörü içinde değilse "../" yazman gerekiyor. Mesela bu durumda da /src/index/App.js'yi düşün:

JavaScript:

const listUser = require("../service/UserService");
listUser();

706111 · 6 Temmuz 2024

zwarbeed dedi:
import React from "react"; veya const express = require("express"); gibi düşün. src klasörü içerisindeki bir JS dosyasında import etmek istiyorsan "import" keyword'ünü veya require() function'unu kullanabilirsin:

JavaScript:

const listUser = require("./service/UserService"); listUser();

Ancak UserService.js'yi import edeceğin JavaScript dosyası, src klasörü içinde değilse "../" yazman gerekiyor:

JavaScript:

const listUser = require("../service/UserService"); listUser();

Sağol hocam.

zwarbeed dedi:
import React from "react"; veya const express = require("express"); gibi düşün. src klasörü içerisindeki bir JS dosyasında import etmek istiyorsan "import" keyword'ünü veya require() function'unu kullanabilirsin:

JavaScript:

const listUser = require("./service/UserService"); listUser();

Ancak UserService.js'yi import edeceğin JavaScript dosyası, src klasörü içinde değilse "../" yazman gerekiyor:

JavaScript:

const listUser = require("../service/UserService"); listUser();

Hocam böyle değil deme?
const UserService = require('../services/UserService')

hani User service'nin içinde bir sürü fonkisyon olacak ya,
UserService.fonksiyon şeklinde de kullanamak lazım.

zwarbeed · 6 Temmuz 2024

tensa_zangetsu dedi:
Sağol hocam.

Hocam böyle değil deme?
const UserService = require('../services/UserService')

hani User service'nin içinde bir sürü fonkisyon olacak ya,
UserService.fonksiyon şeklinde de kullanamak lazım.

Aynen öyle. Anlaman açısından bir örnek daha vereyim. /src/service/User.js ve /src/index/App.js'yi düşün. Bunlara uygun örnek kod yazayım senin için.

/src/service/UserService.js:

JavaScript:

const listUser = () => console.log("");
module.exports = { listUser };

/src/index/App.js:

JavaScript:

const UserService = require("../service/UserService);
UserService.listUser();

Çözüldü JavaScript React'ta Servis nasıl tanımlanır?

Ayrıntılı düzenleme

706111

Hectopat

zwarbeed

zwarbeed

Decapat

706111

Hectopat

zwarbeed

Decapat

706111

Hectopat

zwarbeed

Decapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz