Çö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

706111 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();

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

706111 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

706111 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